.music-ranking{max-width:1100px;margin:0 auto;padding:24px 0 64px}.music-ranking h1{font-size:28px;margin:0 0 12px}.ranking-intro{font-size:14px;line-height:1.7;max-width:760px}.ranking-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0 16px}.ranking-sources{display:flex;gap:8px}.ranking-sources button[aria-pressed=true]{background:var(--text,#e5efed);color:var(--bg,#102220)}.ranking-search{min-width:220px;flex:1;padding:12px;background:rgba(128,128,128,.1);border:1px solid rgba(128,128,128,.3);border-radius:4px;color:inherit;font:inherit}.ranking-status{font-size:12px;line-height:1.7;margin:0 0 20px}.ranking-status a{text-decoration:underline}.ranking-list{list-style:none;margin:0;padding:0}.ranking-row{display:grid;grid-template-columns:36px minmax(0,1fr) 145px 44px;align-items:center;gap:12px;min-height:72px;border-bottom:1px solid rgba(128,128,128,.14)}.ranking-position,.ranking-count{font-variant-numeric:tabular-nums}.ranking-position{font-size:16px;opacity:.7;text-align:center}.ranking-track{display:flex;align-items:center;gap:14px;text-align:left;color:inherit;min-width:0;width:100%;border:0;background:none;padding:8px 0;cursor:pointer}.ranking-cover{width:48px;height:48px;flex:none;border-radius:4px}.ranking-copy{display:grid;gap:5px;min-width:0}.ranking-copy strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-copy>span{font-size:12px;opacity:.7}.ranking-count{font-size:14px;text-align:right}.ranking-count[href]:hover{text-decoration:underline}.ranking-like{border:0;background:none;color:inherit;min-height:44px;cursor:pointer;font-size:22px}.ranking-like[aria-pressed=true]{color:#dd756f}.ranking-empty{padding:24px 0;font-size:14px}.ranking-row:hover{background:rgba(128,128,128,.06)}.ranking-controls button{min-height:44px}.ranking-track:focus-visible,.ranking-like:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.ranking-method{font-size:12px;line-height:1.7;margin:0 0 12px}.ranking-method summary{cursor:pointer}.ranking-method p{max-width:760px}.ranking-status{margin-bottom:8px}.music-ranking button{box-shadow:none;background-image:none}.ranking-sources button[aria-pressed=true]{outline:2px solid var(--ink,currentColor);outline-offset:-2px}.ranking-like[aria-pressed=true] svg{fill:currentColor}.ranking-like{display:grid;place-items:center}
@media(max-width:1100px){.ranking-row{grid-template-columns:24px minmax(0,1fr) 32px;gap:6px}.ranking-position{grid-column:1;grid-row:1}.ranking-track{grid-column:2;grid-row:1}.ranking-like{grid-column:3;grid-row:1}.ranking-count{grid-column:2;grid-row:2;text-align:left;margin-top:-10px;padding:0 0 12px 62px;font-size:12px}.ranking-copy strong{white-space:normal;line-height:1.5}}
@media(max-width:640px){.music-ranking{padding-top:12px}.ranking-controls{gap:8px;margin-top:16px}.ranking-sources{width:100%}.ranking-sources button{flex:1;padding:10px;font-size:12px}.ranking-search{min-width:0;width:0;flex:1 1 140px}.ranking-controls>.btn{font-size:12px;padding:10px}.ranking-cover{width:38px;height:38px}.ranking-track{gap:8px}.ranking-count{padding-left:46px}.ranking-copy strong{font-size:13px}.ranking-copy>span{font-size:12px}.ranking-intro{font-size:13px}.ranking-status{font-size:12px}}