#loading{text-align:center;color:#5d6470;padding:3rem 1rem;font-size:1rem}.sq-app{--sq-font: "Avenir Next", "Segoe UI", sans-serif;font-family:var(--sq-font);font-size:.92rem;color:#132b4a}.sq-app button,.sq-app input,.sq-app h2,.sq-app p,.sq-app span,.sq-app strong,.sq-app div{font-family:var(--sq-font)}.controls-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.control-card{border:1px solid #dce3ef;border-radius:16px;padding:.72rem;background:#fff;box-shadow:0 8px 18px #0c23420f}.label{color:#4d5768;font-size:.8rem;font-weight:700;letter-spacing:.01em;margin-bottom:.5rem}.sq-seg{display:flex;gap:.5rem;flex-wrap:wrap}.sq-seg-btn{border:1px solid #cdd7e8;background:linear-gradient(180deg,#fff,#edf3ff);color:#10345d;border-radius:999px;padding:.48rem .82rem;font-size:.8rem;font-weight:700;cursor:pointer;letter-spacing:.01em;box-shadow:inset 0 1px #fffc,0 2px 6px #0d234012;transition:transform .15s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.sq-seg-btn:hover{transform:translateY(-1px);box-shadow:0 8px 16px #0a1e3a24;border-color:#9eb0cc}.sq-seg-btn.active{background:linear-gradient(180deg,#17457a,#12365e);color:#fff;border-color:#12365e;box-shadow:inset 0 1px #ffffff2e,0 9px 18px #1130545c}.chart-wrap{margin-top:.8rem;border:1px solid #dce3ef;border-radius:14px;background:#fff;padding:.8rem}.sq-chart-footnote{margin-top:.38rem;font-size:.77rem;font-weight:600;color:#5a667a}#chart{width:100%;height:auto;border-radius:12px;border:1px solid #eef1f7;background:#fff}.controls-grid{margin-top:.8rem;display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.panel{border:1px solid #dce3ef;border-radius:16px;background:#fff;padding:.7rem;box-shadow:0 8px 18px #0c23420f}.panel-title{font-size:.9rem;font-weight:700;margin-bottom:.55rem;color:#122f54}.sq-sub-label{margin-top:.72rem;margin-bottom:.42rem;font-size:.76rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#5b6880}.sq-chip-row{min-height:2.2rem;display:flex;flex-wrap:wrap;gap:.5rem}.sq-chip{border:1px solid #d9e0ee;background:#f6f9ff;color:#1f3e67;border-radius:999px;padding:.34rem .55rem;font-size:.77rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.42rem;max-width:100%;transition:transform .14s ease,box-shadow .16s ease}.sq-chip:hover{transform:translateY(-1px);box-shadow:0 7px 14px #14264429}.sq-swatch{width:10px;height:10px;border-radius:50%;flex:0 0 auto;border:1px solid rgba(0,0,0,.1)}.sq-chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.sq-chip-x{font-weight:900;line-height:1}.sq-btn-row{margin-top:.65rem;display:flex;column-gap:.55rem;row-gap:.55rem;flex-wrap:wrap;align-items:center}.sq-btn{border:1px solid #d6dde8;background:linear-gradient(180deg,#fff,#f6f8fc);color:#3f4f65;border-radius:999px;padding:.48rem .82rem;font-size:.77rem;font-weight:700;cursor:pointer;letter-spacing:.01em;box-shadow:inset 0 1px #ffffffd1,0 4px 10px #102f541f;transition:transform .14s ease,box-shadow .16s ease,background .16s ease,color .16s ease,border-color .16s ease}.sq-btn:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffffd9,0 7px 14px #102f542e;border-color:#b8c2d2}.sq-btn.active{border-color:#10365f;background:linear-gradient(180deg,#17457a,#12365e);color:#fff;box-shadow:inset 0 1px #ffffff2e,0 8px 16px #102f5447}.sq-btn.ghost{border:1px solid #d8dfea;background:#fff;color:#244469;box-shadow:none}.search{width:100%;border:1px solid #cfd7e7;border-radius:9px;padding:.48rem .58rem;margin-bottom:.5rem;font-size:.84rem}.list{max-height:200px;overflow:auto;display:grid;gap:.34rem}.player-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:.55rem;border:1px solid #e3e8f3;border-radius:9px;padding:.42rem .5rem}.player-info{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;gap:.1rem;overflow:hidden}.player-info strong{font-size:.82rem;line-height:1.2;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-info span{color:#5a6476;font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sq-add-btn{border:none;border-radius:8px;background:#b51f1f;color:#fff;padding:.36rem .52rem;font-size:.74rem;font-weight:700;cursor:pointer;min-width:48px;white-space:nowrap}.sq-add-btn:disabled{opacity:.45;cursor:default}@media(max-width:900px){.controls-row,.controls-grid{grid-template-columns:1fr}.chart-wrap{padding:.55rem}.chart-head p{margin-bottom:.5rem}}