@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/7cd6c53027bc3e04-s.1ypl14jhz9yyw.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/001744092adb3da8-s.2g9li78_0_it5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/651a9099e0099e2c-s.00u3xrku2lqty.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/c0e5aecd7116b07b-s.2vepgg3wcdr2q.woff2)format("woff2");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;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/91fca0fdbccf81ff-s.2ttjmmx-9gnz1.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/d4b605c61b941c57-s.p.3259ncl47-hqj.woff2)format("woff2");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 Fallback;src:local(Arial);ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.0%;size-adjust:103.19%}.hJlnFq_className{font-family:Manrope,Manrope Fallback;font-style:normal}.hJlnFq_variable{--font-manrope:"Manrope", "Manrope Fallback"}
:root{--accent:#2457ed;--accent-soft:#eef3fe;--accent-line:#d3dffb;--ink:#1d283c;--ink-2:#2b3b55;--text-2:#4f5d75;--text-3:#5d6b83;--line:#e0e6ef;--line-strong:#c3d0e5;--row-line:#e7edf5;--surface:#fff;--page:#fcfdff;--tint:#f4f7fe;--danger:#b42318;--ok:#157347;--pad:17px;--max:1100px;--gutter:24px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{background:var(--page);color:var(--ink);font:14px/1.5 var(--font-manrope), system-ui, sans-serif;-webkit-font-smoothing:antialiased;margin:0}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 60%, white);outline-offset:3px;border-radius:4px}button:disabled{cursor:default;opacity:.55}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--accent);color:#fff;z-index:10;border-radius:6px;padding:8px 12px;position:absolute;top:-40px;left:12px}.skip-link:focus{top:12px}.page{max-width:var(--max);padding-inline:var(--gutter);margin:0 auto}.topnav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;padding:23px 0;display:flex}.brand{letter-spacing:-1px;color:var(--ink);align-items:center;gap:10px;font-size:25px;font-weight:800;line-height:1;display:inline-flex}.brand small{letter-spacing:.2px;color:var(--text-3);margin-top:5px;font-size:11px;font-weight:600;display:block}.brandicon{background:var(--accent);color:#fff;letter-spacing:-1.5px;border-radius:10px;place-items:center;width:37px;height:37px;padding-bottom:2px;font-size:22px;font-weight:800;display:grid}.topnav nav{align-items:center;gap:27px;display:flex}.topnav nav a{color:var(--text-2);padding:8px 0;font-size:13px;font-weight:600}.topnav nav a[aria-current=page]{color:var(--accent);font-weight:800}.topnav nav a:hover{color:var(--accent)}.nav-actions{align-items:center;gap:14px;display:flex}.account{color:var(--text-2);white-space:nowrap;font-size:12px;font-weight:600}.account:hover{color:var(--accent)}.primary{background:var(--accent);color:#fff;border:1px solid color-mix(in srgb, var(--accent) 90%, black);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:12px 18px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 2px 3px #142f6210}.primary:hover{filter:brightness(.95);box-shadow:0 4px 12px #142f6218}.secondary{color:var(--accent);border:1px solid var(--line-strong);white-space:nowrap;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:11px 16px;font-size:13px;font-weight:700;display:inline-flex}.secondary:hover{border-color:var(--accent)}.hero{text-align:center;max-width:900px;margin:auto;padding:44px 20px 35px}.hero-kicker{letter-spacing:1.6px;color:var(--text-3);font-size:11px;font-weight:700}h1{letter-spacing:-1.9px;color:var(--ink);margin:15px 0 13px;font-size:39px;font-weight:800;line-height:1.2}.intro{color:var(--text-2);max-width:720px;margin:0 auto;font-size:15px;line-height:1.8}.explain{color:var(--text-2);justify-content:center;align-items:center;gap:19px;margin:22px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.explain li{white-space:nowrap}.explain b{color:var(--accent);margin-right:6px;font-size:11px;font-weight:700}.step-arrow{color:#8d9ab0}.discovery-tools{border-block:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 20px;margin-bottom:29px;padding:18px 0;display:flex}.searchbar{border:1px solid var(--line-strong);background:#fff;border-radius:8px;flex:260px;align-items:center;gap:9px;max-width:340px;padding:0 13px;display:flex}.searchbar>svg{color:var(--text-3);flex-shrink:0}.searchbar input[type=search]{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;border-radius:0;outline:0;padding:12px 0;font-size:13px;outline:0!important}.searchbar:focus-within{outline:2px solid var(--accent);outline-offset:2px}.searchbar input::placeholder{color:var(--text-3)}.filters{flex-wrap:wrap;align-items:center;gap:3px;display:flex}.filter{color:var(--text-2);white-space:nowrap;border:1px solid #0000;border-radius:6px;padding:7px 10px;font-size:12px;font-weight:600}.filter[aria-pressed=true]{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-line);font-weight:800}.filter:hover{color:var(--accent)}.heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.heading-side{flex-direction:column;align-items:flex-end;gap:6px;display:flex}h2{letter-spacing:-.8px;color:var(--ink-2);margin:0;font-size:23px;font-weight:800;line-height:1.3}.subtext{color:var(--text-2);margin:6px 0 0;font-size:13px;line-height:1.7}.vote-remaining{color:#3f5a85;white-space:nowrap;background:#f0f4fb;border:1px solid #d8e1ef;border-radius:6px;padding:7px 11px;font-size:12px;font-weight:700}.countdown{color:var(--text-2);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}.countdown strong{color:var(--ink-2)}.topgrid{grid-template-columns:1fr 1fr;align-items:start;gap:22px;display:grid}.chart-column{border:1px solid var(--line-strong);background:#fff;border-radius:11px;min-width:0;margin:0;padding:0;list-style:none;overflow:hidden;box-shadow:0 2px 6px #253a5b08}.chart-column:only-child{grid-column:1/-1}.music-row{padding:var(--pad) 16px;border-bottom:1px solid var(--row-line);align-items:center;gap:13px;min-height:96px;transition:background .15s;display:flex}.chart-column>li:last-child .music-row{border-bottom:0}.music-row:hover{background:#f8faff}.music-row.first-place{box-shadow:inset 3px 0 0 var(--accent);background:#f1f5ff}.rank{text-align:center;width:24px;color:var(--text-3);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:13px;font-weight:700}.first-place .rank{color:var(--accent);font-weight:800}.sleeve{isolation:isolate;border-radius:7px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid;position:relative;overflow:hidden}.sleeve-mark{letter-spacing:-.5px;color:#33415a;z-index:1;background:#ffffffb3;border-radius:4px;padding:1px 4px;font-size:15px;font-weight:800}.sleeve-line{border:1px solid #fff8;border-radius:3px;position:absolute;inset:4px}.sleeve-0{background:repeating-radial-gradient(circle at 60% 40%,#b0b69e 0 1px,#e1e6d1 2px 6px)}.sleeve-1{background:linear-gradient(130deg,#8da4b4 0 30%,#dfe8ec 30% 55%,#b2c6d4 55% 70%,#e8eeec 70%)}.sleeve-2{background:repeating-linear-gradient(0deg,#c9997c 0 5px,#ecd4be 5px 9px)}.sleeve-3{background:radial-gradient(at 0 100%,#d3c8de 0 35%,#9b9dbb 36% 55%,#e8e1ee 56%)}.sleeve-4{background:repeating-linear-gradient(40deg,#9aafa0 0 2px,#d6e1d0 2px 8px)}.sleeve-5{background:conic-gradient(from 30deg,#d5aa84,#f3e7d4,#b39075,#ebceac,#d5aa84)}.music-info{flex:1;min-width:0}.title{letter-spacing:-.25px;white-space:nowrap;text-overflow:ellipsis;color:var(--ink-2);margin:0;font-size:14px;font-weight:700;line-height:1.45;display:block;overflow:hidden}.artist{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:13px;overflow:hidden}.track-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;font-size:11px;display:flex}.tag{color:#3f5a85;white-space:nowrap;background:#edf2fa;border-radius:4px;padding:1px 6px;font-weight:600}.byline{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.track-actions{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;display:flex}.votebutton{border:1px solid var(--line-strong);color:#3f5a85;background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-width:58px;padding:8px;font-size:13px;display:flex;box-shadow:0 1px 2px #21375306}.votebutton:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.vote-count{font-variant-numeric:tabular-nums;font-weight:800}.vote-arrow{color:#5b77a3;font-size:13px}.votebutton[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.votebutton[aria-pressed=true] .vote-arrow{color:var(--accent)}.votebutton.static{cursor:default}.row-links{align-items:baseline;gap:8px;display:flex}.listen,.report-link{color:#3d5f92;white-space:nowrap;font-size:12px;font-weight:700}.listen:hover,.report-link:hover{color:var(--accent);text-decoration:underline}.report-link{color:var(--text-3);font-size:11px;font-weight:600}.chart-caption{color:var(--text-2);justify-content:space-between;gap:15px;margin:15px 0 0;font-size:12px;display:flex}.chart-caption span:last-child{color:var(--text-3)}.community{border-top:1px solid var(--line);margin-top:32px;padding-top:29px;scroll-margin-top:25px}.count{color:#3f5a85;letter-spacing:0;vertical-align:middle;background:#eef3fb;border-radius:4px;margin-left:8px;padding:3px 7px;font-size:12px;font-weight:700}.select{border:1px solid var(--line-strong);color:var(--ink-2);background:#fff;border-radius:6px;padding:9px 11px;font-size:12px}.submissions{grid-template-columns:1fr 1fr;gap:0 22px;margin:0;padding:0;list-style:none;display:grid}.discovery-row{border-bottom:1px solid var(--row-line);min-height:91px;padding:17px 5px}.submissions>li:last-child .discovery-row,.submissions>li:nth-last-child(2):nth-child(odd) .discovery-row{border-bottom:1px solid var(--row-line)}.discovery-row .sleeve{width:40px;height:40px}.discovery-row .rank{width:22px}.discovery-row .title{font-size:13px}.below{color:var(--text-2);justify-content:space-between;align-items:center;gap:12px;margin-top:19px;font-size:12px;display:flex}.below button{color:var(--accent);font-size:13px;font-weight:700}.below button:hover{text-decoration:underline}.invite{background:var(--tint);border:1px solid #dfe7f5;border-radius:10px;justify-content:space-between;align-items:center;gap:25px;margin-top:36px;padding:26px 30px;display:flex}.invite h2{letter-spacing:-.7px;font-size:21px}.invite p{color:var(--text-2);margin:6px 0 0;font-size:13px;line-height:1.8}.site-footer{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:22px;margin-top:8px;padding:28px 0 33px;font-size:12px;display:flex}.site-footer .brand{color:#3f5578;font-size:20px}.site-footer a{color:var(--text-2);font-weight:600}.site-footer a:hover{color:var(--accent)}.site-footer .footer-note{margin-left:auto}.footer-dot{color:var(--accent)}.empty{text-align:center;color:var(--text-2);border:1px dashed var(--line-strong);background:#fff;border-radius:11px;grid-column:1/-1;padding:40px 20px;font-size:14px;line-height:1.8}.empty .primary{margin-top:14px}.notice{border:1px solid var(--accent-line);background:var(--accent-soft);color:#23407a;border-radius:8px;padding:12px 14px;font-size:13px;line-height:1.6}.notice.error{color:var(--danger);background:#fdf1f0;border-color:#f1c4c0}.notice.success{color:var(--ok);background:#effaf3;border-color:#bfe3cf}.skeleton-row{border-bottom:1px solid var(--row-line);background:linear-gradient(90deg,#f3f6fb 0%,#fafcff 50%,#f3f6fb 100%) 0 0/200% 100%;height:96px;animation:1.4s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toast{color:#fff;z-index:5;background:#22344f;border-radius:7px;max-width:90vw;padding:13px 20px;font-size:13px;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #203b7020}dialog{width:480px;max-width:calc(100vw - 32px);max-height:85vh;color:var(--ink);background:#fff;border:1px solid #d8e2f0;border-radius:13px;padding:28px;box-shadow:0 20px 100px #1b335620}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#24395440}dialog h2{margin:10px 0 6px;font-size:24px}dialog p{color:var(--text-2);margin:4px 0;font-size:14px;line-height:1.8}.eyebrow{letter-spacing:1.3px;color:var(--text-3);text-transform:uppercase;margin:0;font-size:11px;font-weight:800}.close{float:right;color:var(--text-3);border-radius:6px;padding:2px 6px;font-size:18px}.close:hover{color:var(--ink)}.platform{color:var(--accent);border:1px solid #d3deef;border-radius:7px;margin-top:10px;padding:13px 15px;font-size:14px;font-weight:700;display:block}.platform:hover{background:#f7faff}.fineprint{color:var(--text-3)!important;font-size:12px!important}.chooser-subhead{text-transform:uppercase;letter-spacing:.8px;font-weight:700;color:var(--text-3)!important;margin:18px 0 2px!important;font-size:12px!important}.search-options{grid-template-columns:1fr 1fr;gap:0 8px;display:grid}.platform.search{color:var(--text-2);border-style:dashed;margin-top:8px;padding:10px 12px;font-size:13px;font-weight:600}.platform.search:hover{color:var(--accent)}@media (max-width:420px){.search-options{grid-template-columns:1fr}}.card{border:1px solid var(--line-strong);background:#fff;border-radius:13px;padding:30px;box-shadow:0 2px 6px #253a5b08}.narrow{max-width:620px;margin:40px auto}.form{gap:16px;display:grid}.form label,.field{color:var(--ink-2);gap:7px;font-size:13px;font-weight:600;display:grid}.field-hint{color:var(--text-3);font-size:12px;font-weight:500}.check{align-items:flex-start;line-height:1.5;color:var(--text-2)!important;gap:10px!important;font-weight:500!important;display:flex!important}.check input{width:16px;height:16px;accent-color:var(--accent);flex-shrink:0;margin-top:3px}:where(input:not([type=checkbox]):not([type=radio]),textarea,select){border:1px solid var(--line-strong);color:var(--ink);background:#fff;border-radius:6px;padding:11px 13px;font-size:14px}:where(input,textarea,select):focus{outline:2px solid color-mix(in srgb, var(--accent) 45%, white);outline-offset:1px}textarea{resize:vertical;min-height:96px}.form-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.prose{max-width:720px;margin:40px auto 20px}.prose h1{margin-top:0;font-size:34px}.prose h2{margin:30px 0 8px;font-size:20px}.prose p,.prose li{color:var(--text-2);font-size:15px;line-height:1.8}.prose a{color:var(--accent);font-weight:600;text-decoration:underline}.prose table{border-collapse:collapse;width:100%;margin:10px 0;font-size:14px}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;color:var(--text-2);padding:9px 10px}.prose th{color:var(--ink-2)}.placeholder{color:#6b4e00;background:#fff6d6;border-radius:4px;padding:1px 5px;font-weight:700}@media (max-width:1000px){.music-row{gap:10px;padding-inline:12px}.rank{width:18px}.sleeve{width:40px;height:40px}.discovery-tools{flex-direction:column;align-items:stretch}.searchbar{flex-basis:auto;max-width:none}.topnav nav{gap:19px}}@media (max-width:900px){.sleeve{width:38px;height:38px}.music-row{gap:9px}.title{font-size:13px}.artist{font-size:12px}.votebutton{min-width:50px;padding:7px}h1{font-size:35px}.invite{padding:23px}}@media (max-width:720px){:root{--gutter:16px}.topnav{flex-wrap:wrap;gap:16px;padding:19px 0 15px}.brand{font-size:23px}.brandicon{width:33px;height:33px;font-size:20px}.primary{padding:11px 13px;font-size:12px}.topnav nav{border-top:1px solid #edf1f7;order:3;gap:24px;width:100%;padding-top:12px}.topnav nav a{padding:4px 0}.hero{text-align:left;padding:30px 0 25px}.hero-kicker{letter-spacing:1.2px;font-size:10px}h1{letter-spacing:-1.3px;max-width:360px;margin-top:12px;font-size:30px}.intro{font-size:14px}.explain{flex-wrap:wrap;justify-content:flex-start;gap:6px 10px;font-size:12px}.explain li{white-space:normal}.heading{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px}.heading-side{flex-flow:wrap;align-items:flex-start;gap:8px 12px}.heading h2{letter-spacing:-.7px;font-size:21px}.topgrid{grid-template-columns:1fr;gap:0}.topgrid .chart-column:first-child:not(:only-child){border-bottom:0;border-radius:10px 10px 0 0}.topgrid .chart-column:last-child:not(:only-child){border-top:0;border-radius:0 0 10px 10px}.topgrid .chart-column:first-child:not(:only-child)>li:last-child .music-row{border-bottom:1px solid var(--row-line)}.music-row{gap:11px;min-height:92px;padding:15px 12px}.sleeve{width:42px;height:42px}.chart-caption{flex-direction:column;gap:4px}.submissions{grid-template-columns:1fr}.discovery-row{padding:15px 2px}.below{flex-direction:column;align-items:flex-start}.invite{flex-direction:column;align-items:flex-start;gap:18px;margin-top:28px;padding:22px 20px}.site-footer{gap:14px 18px}.site-footer .footer-note{width:100%;margin:0}.card{padding:22px 18px}.narrow{margin:24px auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
