.charts-page{padding-bottom:180px}.charts-heading{padding-block:36px 24px}.charts-heading h1{font-size:36px;line-height:1.15;margin:12px 0;letter-spacing:0}.charts-heading p{max-width:780px}.charts-quota{font-weight:700;border-left:4px solid #b5d600;padding:12px 16px;background:#f1f5df}.chart-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;list-style:none;padding:0}.chart-song{display:grid;grid-template-columns:40px 64px minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--border,#d8dece);min-width:0}.chart-rank{font-size:25px;font-weight:800;color:#6a7e00}.chart-cover{width:64px;height:64px;object-fit:cover;border-radius:6px;background:#101616}.chart-song-info{min-width:0;display:grid;gap:3px;overflow-wrap:anywhere}.chart-song-info strong{font-size:18px;line-height:1.35}.chart-song-info span,.chart-song-info small{color:var(--muted,#58616b)}.chart-actions{display:flex;align-items:center;gap:8px}.chart-actions .button{min-height:44px;padding:10px 16px;font-size:15px;letter-spacing:0}.chart-share{width:44px;height:44px;background:transparent;border:1px solid #9aa087;border-radius:6px;font-size:25px;cursor:pointer}.chart-song--podium{display:grid;grid-template-columns:36px minmax(0,1fr);padding:18px;border:1px solid #b9c783;border-radius:8px;background:var(--surface,#fff)}.chart-song--podium .chart-cover{width:100%;height:auto;aspect-ratio:1;grid-column:2}.chart-song--podium .chart-rank{align-self:start}.chart-song--podium .chart-song-info,.chart-song--podium .chart-actions{grid-column:1/-1}.chart-ranking,.chart-candidates,.chart-preview{list-style:none;padding:0;margin:0}.chart-candidates{max-height:650px;overflow:auto;scroll-padding:20px}.chart-search{width:100%;max-width:600px;min-height:48px;padding:12px;border:1px solid #899272;border-radius:6px;margin:16px 0;font:inherit}.chart-archive{display:flex;gap:18px;flex-wrap:wrap}.chart-preview-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;padding-block:32px}.chart-preview-section h2{font-size:28px}.chart-preview-section p{max-width:580px}.chart-player-quota{font-size:13px;line-height:1.4;margin:6px 0}.chart-song--compact{grid-template-columns:32px 52px minmax(0,1fr);padding:10px 0}.chart-song--compact .chart-cover{width:52px;height:52px}.chart-song--compact strong{font-size:16px}.charts-page section{margin-bottom:32px}.charts-page details{padding-block:16px;border-block:1px solid #d8dece}.chart-actions button:disabled{opacity:.65;cursor:default}.chart-song:target{outline:2px solid #b5d600}.charts-message{min-height:24px}
@media(max-width:700px){.charts-heading h1{font-size:28px}.chart-podium{grid-template-columns:1fr}.chart-song--podium{grid-template-columns:32px 100px minmax(0,1fr);gap:12px}.chart-song--podium .chart-cover{grid-column:2;width:100px}.chart-song--podium .chart-song-info{grid-column:3;grid-row:1}.chart-song--podium .chart-actions{grid-column:2/-1}.chart-song{grid-template-columns:26px 56px minmax(0,1fr);gap:10px}.chart-cover{width:56px;height:56px}.chart-actions{grid-column:2/-1}.chart-song-info strong{font-size:16px}.chart-preview-section{grid-template-columns:1fr;gap:18px}.chart-candidates{max-height:none;overflow:visible}.charts-page{padding-bottom:210px}}
[data-feedback-action="dislike"]{display:none!important}
.header-player .chart-player-quota{grid-column:1/-1;text-align:center}
.chart-rank{white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:700px){.chart-rank{font-size:20px}.chart-song--podium{grid-template-columns:30px 72px minmax(0,1fr)}.chart-song--podium .chart-cover{width:72px}.chart-song--podium .chart-song-info{grid-column:3}.chart-song--podium .chart-actions{grid-column:2/-1}}
