.charts .tabs{display:flex;gap:6px;padding:6px;border:1px solid #ffffff26;border-radius:99px;margin:24px 0 8px}.charts .tabs button{flex:1;padding:12px 10px;font-size:13px}.charts #chart-list li{gap:16px;padding:22px 0;align-items:center}.charts .rank{font-size:32px;min-width:38px}.charts .song{flex:1;min-width:0}.charts .song strong{font-size:17px;line-height:1.4}.charts .song span{font-size:14px;line-height:1.5;margin-top:5px;color:#ccd0c4}.charts .album{width:58px;height:58px;flex:none;border-radius:12px;font-size:24px;overflow:hidden}.charts .album img{width:100%;height:100%;object-fit:cover}.charts .chart-out{flex:none;font-size:11px;color:#d6e3be;padding:10px;border:1px solid #596344;border-radius:30px}.charts .chart-out:hover{background:#d0e500;color:#10140f}.charts-page .radio-page-heading{display:block!important;padding:46px 0 34px;max-width:850px}.charts-page .radio-page-heading h1{font-size:clamp(48px,6vw,84px);letter-spacing:-4px;line-height:1.05;margin:18px 0}.charts-page .radio-page-heading p{font-size:17px;line-height:1.7;color:#626858}.charts-page .radio-single.section{max-width:none;width:100%;margin:0 0 60px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}.charts-page .charts{padding:32px;box-shadow:none}.charts-page .charts h2{font-size:26px;letter-spacing:-1px}.chart-side{display:grid;gap:22px;position:sticky;top:125px}.chart-feature{border-radius:26px;padding:28px;background:#d0e500;color:#111;overflow:hidden}.chart-feature .feature-disc{display:flex;align-items:center;justify-content:center;width:150px;height:150px;border-radius:50%;margin:26px auto;background:repeating-radial-gradient(circle,#12170d 0 3px,#333d22 4px 5px);box-shadow:10px 10px 0 #0001}.feature-disc span{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#d0e500;font-size:32px;font-weight:800}.chart-feature h2{font-size:30px;letter-spacing:-1px;line-height:1.15;overflow-wrap:anywhere}.chart-feature p{font-size:17px;line-height:1.5;margin-top:10px}.chart-feature .feature-label{font-size:11px;letter-spacing:2px;font-weight:700}.chart-feature .feature-list{margin-top:25px;padding-top:18px;border-top:1px solid #1113;font-size:12px}.chart-discover{border:1px solid #d4d8c9;border-radius:24px;padding:26px}.chart-discover h3{font-size:23px;letter-spacing:-.8px}.chart-discover p{font-size:14px;line-height:1.7;color:#626858;margin:12px 0 22px}.chart-discover a{display:block;padding:14px 0;border-top:1px solid #d4d8c9;font-weight:700;font-size:14px}.charts-page #chart-list li:first-child .rank{color:#10140f;background:#d0e500;border-radius:10px;text-align:center;padding:6px}.charts-page #chart-list li:first-child .song strong{color:#d0e500}.charts #chart-link{font-size:14px;padding-top:24px}.charts .radio-status:empty{display:none}
@media(min-width:1500px){.charts-page .radio-single.section{grid-template-columns:minmax(0,1fr) 380px}.chart-feature{padding:34px}}
@media(max-width:950px){.charts-page .radio-single.section{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.charts-page .charts{padding:24px}.charts .album{width:48px;height:48px}.charts .song strong{font-size:16px}.chart-feature{padding:22px}}
@media(max-width:720px){.charts-page .radio-single.section{display:flex;flex-direction:column}.chart-side{position:static;width:100%;order:-1;display:block}.chart-feature{display:grid;grid-template-columns:1fr;position:relative;padding-right:95px;min-height:140px}.chart-feature .feature-disc{position:absolute;right:-50px;top:5px;width:130px;height:130px;opacity:.85}.chart-feature h2{font-size:25px;margin-top:14px}.chart-feature .feature-list{margin-top:14px;padding-top:10px}.chart-discover{display:none}.charts-page .charts{width:100%;padding:24px 20px}.charts-page .radio-page-heading{padding:30px 0 26px}.charts-page .radio-page-heading h1{letter-spacing:-2px}.charts .song strong{font-size:16px}.charts .song span{font-size:13px}.charts .chart-out{font-size:10px;padding:8px}.charts #chart-list li{gap:10px}.charts .rank{font-size:26px;min-width:30px}}
@media(max-width:400px){.charts-page .charts .album{display:none}.charts .tabs button{font-size:12px;padding:12px 5px}}
.chart-play,#chart-audio-toggle{border:0;background:#d0e500;color:#111;width:46px;height:46px;border-radius:50%;flex:none;font-size:18px;cursor:pointer}.chart-play[aria-pressed=true]{background:white}.chart-audio{padding:24px;background:#10140f;color:white;border-radius:24px}.chart-audio[hidden],.chart-feature[hidden]{display:none}.chart-audio h3{font-size:20px;margin:15px 0}.chart-audio p{font-size:13px;color:#c8cebc;margin-bottom:16px}.chart-audio label{display:block;font-size:12px;margin-top:18px}.chart-audio input{width:100%;accent-color:#d0e500;margin-top:12px}.chart-audio #chart-time{font-size:11px;color:#c8cebc;margin-top:6px}#chart-youtube-host{position:fixed;width:200px;height:200px;left:-10000px;top:0;pointer-events:none}@media(max-width:720px){.chart-audio{margin-top:16px}}
.chart-audio{order:-1}
.charts .album,.chart-feature .feature-disc{position:relative}.charts .album img,.feature-disc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}.charts .album.has-cover img,.feature-disc.has-cover img{opacity:1}.chart-feature .feature-disc.has-cover{border-radius:18px;width:100%;height:auto;aspect-ratio:1;overflow:hidden}.feature-disc.has-cover span{visibility:hidden}@media(max-width:720px){.chart-feature .feature-disc.has-cover{width:95px;height:95px;right:12px;top:0;border-radius:12px}.chart-feature:has(.has-cover){padding-right:125px}}