.category-switch{justify-content:flex-end;gap:4px;margin-bottom:24px;display:flex}.rank-progress{margin-bottom:28px;font-size:13px}.rank-labels,.rank-numbers{justify-content:space-between;gap:16px;display:flex}.rank-labels strong:last-child,.rank-numbers span:last-child{text-align:right}.rank-track{margin:12px 0;position:relative}.rank-track [data-slot=progress-indicator]{background:#176127}.rank-marker{background:#176127;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #176127}.rank-numbers{font-variant-numeric:tabular-nums;color:var(--muted-foreground);font-size:12px}.rank-numbers b{color:var(--foreground);font-weight:500}.rank-remaining{color:var(--muted-foreground);margin-top:8px;font-size:12px}.main-tabs{margin-bottom:20px}.list-controls{justify-content:space-between;align-items:center;gap:16px;min-height:32px;margin:0 0 12px;display:flex}.song-search{max-width:180px}.chart-list{margin:0;padding:0;list-style:none}.chart-list li+li{border-top:1px solid var(--border)}.chart-item{text-align:left;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;width:100%;padding:16px 12px;transition:background .15s;display:grid}.chart-item:hover{background:var(--muted)}.chart-item:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.chart-name{overflow-wrap:anywhere;font-size:14px;font-weight:600;line-height:1.5}.chart-item>.gain{text-align:right;font-variant-numeric:tabular-nums;font-size:14px}.chart-level,.chart-result{color:var(--muted-foreground);font-size:12px}.chart-result{text-align:right;font-variant-numeric:tabular-nums}.chart-detail-intro{align-items:center;gap:12px;display:flex}.chart-detail-intro>.gain{margin-left:auto}.detail-art{object-fit:cover;border-radius:8px;width:72px;height:56px}.drawer-details{padding:0 16px 16px;overflow-y:auto}.drawer-details>.chart-details{margin-bottom:20px}@media (max-width:600px){.chart-item{padding:16px 4px}.category-switch{margin-bottom:20px}.rank-labels{font-size:12px}.list-controls{gap:12px}}.tabs-heading{justify-content:space-between;align-items:center;gap:12px;min-width:0;margin-bottom:12px;display:flex}.tabs-heading .main-tabs{flex:1;width:100%;min-width:0;margin-bottom:0;display:flex}.main-tabs [data-slot=tabs-trigger]{flex:1}.tabs-heading>[data-slot=tooltip-trigger]{flex-shrink:0}.chart-item{grid-template-columns:56px minmax(0,1fr) auto;column-gap:12px}.chart-art{grid-area:1/1/3;align-self:center;width:56px;height:44px}.chart-art .detail-art{object-fit:cover;border-radius:6px;width:56px;height:44px}.chart-name{grid-area:1/2}.chart-item>.gain{grid-area:1/3}.chart-level{grid-area:2/2}.chart-result{grid-area:2/3}[data-slot=tabs],[data-slot=tabs-content]{min-width:0;max-width:100%}.table-scroll{width:100%;max-width:100%;overflow:auto}.table-scroll>[data-slot=table-container]{width:max-content;min-width:100%;overflow:visible}.table-scroll table{min-width:760px}@media (max-width:400px){.chart-item{grid-template-columns:44px minmax(0,1fr) auto;column-gap:8px}.chart-art,.chart-art .detail-art{width:44px;height:36px}.tabs-heading [data-slot=button]{width:40px;height:40px}}.result-badges{justify-content:flex-end;align-items:center;gap:2px;min-height:20px;display:flex}.detail-badges{margin-top:4px}.result-grade,.result-plate{object-fit:contain;width:auto;height:20px}.chart-item>.gain,.chart-detail-intro>.gain{justify-content:flex-end;align-items:center;gap:4px;display:flex}.gain-kind{flex-shrink:0;align-items:center;display:inline-flex}.category-switch{background:var(--muted);border-radius:999px;width:100%;padding:3px}.category-switch>button{flex:1;min-width:0}.category-switch>button[aria-pressed=true]{background:var(--background)}.progress-category{margin-bottom:12px;font-size:13px;font-weight:600}.combined-progress{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}@media (max-width:600px){.combined-progress{grid-template-columns:1fr;gap:0}}.score-comparison{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:16px;display:grid}.score-comparison.has-comparison{grid-template-columns:repeat(2,minmax(0,1fr))}.score-version{flex-direction:column;gap:6px;min-width:0;display:flex}.score-version-label{color:var(--muted-foreground);font-size:12px}.score-version>strong{font-variant-numeric:tabular-nums;font-size:20px;font-weight:600}.score-version .result-badges{justify-content:flex-start}.play-next-heading{margin-bottom:12px;font-size:16px;font-weight:600}.score-explanation{margin-top:16px;font-size:13px;line-height:1.6}.score-version .score-explanation{margin-top:6px}