@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-ext-wght-normal.0x9ccydb91kkt.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-wght-normal.0fpdy-lufm69d.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-ext-wght-normal.0x_0bevfais8f.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-wght-normal.283rlcw9kygwg.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-greek-wght-normal.1z2_6pqe9b797.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-vietnamese-wght-normal.3f-auarlwu459.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-ext-wght-normal.2rod0ve_3h_te.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-wght-normal.2xs28az5j2efm.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--paper:#f5f4f0;--ink:#21211f;--muted:#777770;--red:#ee422e;--line:#ddddd5}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font:16px DM Sans Variable,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #007b75}h1,h2,h3,p{margin:0}button{color:inherit}.header{border-bottom:1px solid var(--line);background:#faf9f6;align-items:center;gap:70px;height:100px;padding:0 5%;display:flex}.brand{letter-spacing:-2.8px;align-items:baseline;gap:6px;font-family:Manrope Variable,Arial,sans-serif;font-size:38px;font-weight:800;display:flex}.brand span{letter-spacing:-1px;font-size:19px;font-weight:500}.brand i{background:var(--red);border-radius:50%;width:8px;height:8px;margin-left:1px}.header nav{letter-spacing:.6px;align-items:center;gap:34px;font-size:14px;font-weight:800;display:flex}.header nav a{align-items:center;gap:8px;display:flex}.header nav a[aria-current=page]{color:var(--red)}.submit-link{border-bottom:1px solid;align-items:center;gap:10px;margin-left:auto;padding-bottom:5px;font-size:14px;display:flex}.container{max-width:1400px;margin:auto;padding:35px 5% 70px}.eyebrow{letter-spacing:1.9px;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.eyebrow>span:last-child{color:var(--muted);margin-left:auto;font-size:11px}.red-dot{background:var(--red);border-radius:50%;width:7px;height:7px;display:inline-block}.intro{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:flex-end;gap:25px;padding:23px 0 36px;display:flex}.intro h1{letter-spacing:-7px;font-family:Manrope Variable,Arial,sans-serif;font-size:clamp(56px,7.8vw,106px);font-weight:800;line-height:1.12}.intro h1>span{letter-spacing:0;vertical-align:top;margin:15px 0 0 7px;font-size:22px;display:inline-block}.intro p{color:#73736d;margin-top:12px;font-size:18px}.intro p strong{color:var(--ink);font-weight:500}.edition{text-align:right;flex-direction:column;gap:9px;padding-bottom:3px;display:flex}.edition>span{color:var(--red);letter-spacing:1.3px;font-size:11px;font-weight:700}.edition strong{font-size:14px;font-weight:500}.edition small{color:var(--muted);font-size:12px}.page-grid{grid-template-columns:minmax(0,1fr) 280px;gap:34px;padding-top:30px;display:grid}.list-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.list-heading h2{font-size:17px;font-weight:700}.list-heading h2 span{color:#999;font-size:14px;font-weight:400}.list-heading>span{color:var(--muted);font-size:12px}.preview-note{color:#777;margin:-7px 0 14px;font-size:12px}.ranking{flex-direction:column;gap:10px;display:flex}.track{background:#fff;border:1px solid #eae9e4;overflow:hidden}.track-row{align-items:center;gap:19px;min-height:96px;padding-right:20px;display:flex}.position{color:#fff;background:#252522;flex-direction:column;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;gap:8px;width:48px;display:flex}.expanded .position{background:var(--red)}.position b{letter-spacing:-1px;font-size:24px}.position span{justify-content:center;align-items:center;display:flex}.position .up{color:#8dda8c}.position .down{color:#ff8d85}.position .new{letter-spacing:.3px;color:#dedabb;font-size:9px}.cover{color:#fff;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:94px;height:96px;margin-left:-19px;display:flex;position:relative;overflow:hidden}.cover>span{text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-size:10px}.cover img{object-fit:cover;width:100%;height:100%}.track-title{text-align:left;background:0 0;border:0;flex:1;min-width:0;padding:5px 0}.track-title h3{letter-spacing:-.4px;font-family:Manrope Variable,Arial,sans-serif;font-size:17px;font-weight:800;line-height:1.3}.track-title p{color:var(--muted);margin-top:5px;font-size:13px}.vote{background:var(--red);color:#fff;letter-spacing:.5px;border:0;border-radius:3px;align-items:center;gap:7px;padding:10px 13px;font-size:11px;font-weight:700;display:flex}.vote:hover{background:#d52d1b}.vote.voted{background:#246d45}.expand{background:#f2f2ef;border:0;border-radius:50%;place-items:center;width:26px;height:26px;padding:0;display:grid}.expanded .expand{transform:rotate(180deg)}.track-details{background:#fafaf8;border-top:1px solid #f2f1ed;grid-template-columns:1fr 1.05fr;gap:24px;padding:24px 22px 25px 68px;display:grid}.stats{border-bottom:1px solid var(--line);justify-content:space-between;gap:8px;margin-bottom:20px;padding-bottom:16px;display:flex}.stats div{flex-direction:column;gap:7px;display:flex}.stats small{color:var(--muted);font-size:11px}.stats strong{font-size:18px;font-weight:600}.small-label{letter-spacing:1.2px;font-size:10px;font-weight:700}.music-links{flex-wrap:wrap;gap:7px;margin:10px 0 12px;font-size:11px;display:flex}.music-links>*{border:1px solid #d8d8d2;border-radius:3px;padding:5px 7px}.text-button{color:#666;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:11px;display:flex}.video-tile{color:#fff4;justify-content:center;align-items:center;height:177px;display:flex;position:relative;overflow:hidden}.video-tile>img{object-fit:cover;filter:brightness(.75);width:100%;height:100%;position:absolute}.video-tile>a{background:var(--red);color:#fff;border:6px solid #fff2;border-radius:50%;place-items:center;width:60px;height:60px;display:grid;position:absolute}.video-label{color:#fff;letter-spacing:2px;font-size:9px;position:absolute;bottom:15px}.fm-card{color:#fff;background:#222522;padding:25px;position:relative}.fm-card .small-label{color:#dcded6;align-items:center;gap:7px;display:flex}.fm-card h2{letter-spacing:-1.5px;margin-top:28px;font-family:Manrope Variable,sans-serif;font-size:35px;font-weight:600;line-height:1.18}.fm-card h2 em{color:#ced6b3;font-style:normal}.wave{color:#cbd4b0;align-items:center;gap:4px;height:105px;margin:13px 0;display:flex;overflow:hidden}.wave i{opacity:.8;background:currentColor;flex-shrink:0;width:3px}.white-button{color:#242522;background:#f4f4ed;justify-content:center;align-items:center;gap:10px;padding:14px;font-size:13px;font-weight:700;display:flex}.fm-card p{color:#9a9e93;text-align:center;margin-top:15px;font-size:11px}.artist-card{border:1px solid #d9d9cf;margin-top:20px;padding:24px}.artist-card .small-label{color:#777;font-size:9px}.artist-card h2{letter-spacing:-1px;margin:16px 0 11px;font-size:26px}.artist-card p{color:#73736b;font-size:14px;line-height:1.7}.artist-card a{border-top:1px solid #d9d9cf;justify-content:space-between;align-items:center;margin-top:22px;padding-top:17px;font-size:13px;font-weight:700;display:flex}.how{flex-direction:column;gap:11px;padding:35px 8px;display:flex}.how span{color:#7d7d73;letter-spacing:1.5px;font-size:11px}.how p{margin-top:8px;font-size:15px;line-height:1.6}.vote-rule{color:var(--muted);margin:22px 0;font-size:12px}.toast{color:#fff;z-index:20;background:#212621;align-items:center;gap:20px;width:max-content;max-width:90vw;padding:18px 24px;font-size:14px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0003}.toast button{color:#fff;background:0 0;border:0;font-size:25px}footer{border-top:1px solid var(--line);align-items:center;gap:25px;margin:0 5%;padding:30px 0;display:flex}footer .brand{font-size:28px}footer p,footer>a:not(.brand),footer>span{color:var(--muted);font-size:12px}footer>a:not(.brand){gap:5px;margin-left:auto;display:flex}footer>span{white-space:nowrap}.narrow{max-width:620px;margin:60px auto;padding:0 24px}.narrow h1{letter-spacing:-2px;margin-bottom:12px;font-size:42px}.narrow>p{color:var(--muted);margin-bottom:25px;line-height:1.7}.panel{border:1px solid var(--line);background:#fff;padding:25px}form{flex-direction:column;gap:18px;display:flex}label{flex-direction:column;gap:7px;font-size:14px;display:flex}input,textarea,select{background:#fff;border:1px solid #cfcfc6;border-radius:3px;width:100%;min-width:0;padding:12px}textarea{min-height:100px}.primary{background:var(--red);color:#fff;border:0;border-radius:3px;padding:13px 19px;font-weight:700}.message{background:#eeefe7;margin:16px 0;padding:15px;font-size:14px;line-height:1.6}.checkbox{flex-direction:row;align-items:center;display:flex}.checkbox input{width:auto}.admin-grid{grid-template-columns:1fr 1fr;gap:25px;margin:25px 0;display:grid}.admin-grid h2{margin:0 0 20px}.admin-item{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 0;display:flex}.admin-item>div{flex:1}.admin-item small{color:var(--muted)}.admin-item input{width:auto}.admin-item button{border:1px solid var(--line);background:#fff;padding:6px}.fm-hero{color:#fff;background:#242823;grid-template-columns:1fr 1fr;gap:30px;margin:30px 0;padding:55px;display:grid}.fm-hero h1{letter-spacing:-6px;font-size:90px;line-height:1.1}.fm-hero p{color:#b4baab;margin:20px 0;line-height:1.7}.radio-disc{aspect-ratio:1;background:repeating-radial-gradient(circle,#30372b 0 2px,#232822 3px 10px);border:1px solid #77806b;border-radius:50%;place-items:center;width:100%;max-width:290px;margin:auto;display:grid;box-shadow:0 0 0 15px #ffffff03,0 0 0 35px #ffffff02}.radio-disc span{background:var(--red);border-radius:50%;place-items:center;width:92px;height:92px;font-size:20px;font-weight:800;display:grid}.radio-control{align-items:center;gap:15px;margin-top:24px;display:flex}.radio-control button{background:#d7dfc0;border:0;border-radius:50%;place-items:center;width:60px;height:60px;display:grid}.radio-control input{width:100px}.radio-control small{color:#a8b19f;margin:5px 0;display:block}.playlist-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:25px;display:grid}.playlist-card{background:#e5e5d8;padding:28px}.playlist-card h3{margin:15px 0;font-size:25px}.playlist-card a{font-size:14px}.playlist-card p{color:var(--muted);margin-bottom:20px;font-size:14px}@media (min-width:1450px){.header{padding:0 calc(50vw - 630px)}}@media (max-width:1000px){.page-grid{grid-template-columns:minmax(0,1fr) 240px;gap:22px}.track-row{gap:12px;padding-right:12px}.cover{width:75px;height:90px;margin-left:-12px}.track-title h3{font-size:15px}.vote{padding:9px}.track-details{gap:15px;padding-left:22px}.fm-card{padding:22px}.fm-card h2{font-size:30px}.header{gap:40px}}@media (max-width:760px){.header{gap:25px;height:78px}.header .brand{font-size:30px}.header .brand span{font-size:16px}.header nav{gap:20px;font-size:12px}.submit-link{border:0;gap:0;font-size:0}.submit-link svg{width:23px;height:23px}.container{padding-top:25px}.eyebrow>span:last-child{display:none}.intro{padding-bottom:25px;display:block}.intro h1{letter-spacing:-5px;font-size:68px}.intro p{font-size:16px}.edition{text-align:left;gap:6px;margin-top:25px}.page-grid{grid-template-columns:1fr}.page-grid aside{grid-template-columns:1fr 1fr;gap:15px;margin-top:15px;display:grid}.artist-card{margin:0;padding:20px}.how{display:none}.fm-card h2{font-size:29px}.list-heading>span{font-size:10px}.track-row{gap:10px;min-height:85px}.position{width:36px}.position b{font-size:20px}.cover{width:68px;height:85px;margin-left:-10px}.track-title h3{font-size:14px}.track-title p{font-size:11px}.vote{padding:9px}.vote span{display:none}.expand{width:23px;height:23px}.track-details{grid-template-columns:1fr 1fr;padding:20px}.stats{gap:10px}.stats small{font-size:10px}.video-tile{height:175px}.music-links{font-size:10px}.small-label{font-size:9px}footer{flex-wrap:wrap;gap:12px}footer p{width:70%}footer>a:not(.brand){margin-left:0}footer>span{margin-left:auto}.admin-grid,.playlist-grid{grid-template-columns:1fr}.fm-hero{grid-template-columns:1fr;padding:28px}.fm-hero h1{font-size:75px}.radio-disc{display:none}.radio-control{flex-wrap:wrap}.narrow h1{font-size:36px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.page-grid>section,.page-grid>aside{min-width:0}.intro h1{white-space:nowrap}.track-title h3{overflow-wrap:anywhere}.track-details>div{min-width:0}.preview-note{line-height:1.5}.header nav a{white-space:nowrap}@media (max-width:420px){.intro h1{letter-spacing:-3px;font-size:clamp(42px,14vw,59px)}.intro h1>span{margin-top:8px;font-size:14px}.header{gap:18px}.header nav{gap:15px;font-size:11px}.list-heading>span{display:none}.cover{width:50px}.track-row{gap:8px;padding-right:8px}.cover{margin-left:-8px}.position{width:31px}.track-title h3{font-size:12px}.track-title p{font-size:11px}.track-details{grid-template-columns:1fr;padding:18px}.video-tile{height:150px}.page-grid aside{grid-template-columns:1fr}.eyebrow{letter-spacing:1.3px;font-size:10px}.vote{padding:8px}.expand{flex-shrink:0;width:22px}.header .brand{font-size:27px}.header .brand span{font-size:14px}.submit-link{display:none}}
