@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--bg:#f5f4ef;--panel:#fff;--line:#deddd7;--text:#111214;--muted:#66686d;--lime:#c8ef2f;--orange:#ff6338;--dark:#111214}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#111214;background:#f5f4ef;margin:0;font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.nav{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:#08090be0;align-items:center;gap:42px;height:78px;padding:0 5vw;display:flex;position:sticky;top:0}.brand{color:#f5f4ef;letter-spacing:.11em;white-space:nowrap;align-items:center;gap:10px;font-weight:800;display:flex}.brandMark{background:var(--lime);color:#08090b;border-radius:8px;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.nav nav{color:#aaa;gap:27px;font-size:13px;font-weight:700;display:flex}.nav nav a:hover,.textLink:hover{color:var(--lime)}.navSearch{border:1px solid var(--line);color:#777;border-radius:30px;gap:9px;width:min(330px,30vw);margin-left:auto;padding:9px 15px;display:flex}.navSearch input{color:#fff;background:0 0;border:0;outline:0;width:100%;font-size:12px}.hero{border-bottom:1px solid var(--line);grid-template-columns:1.35fr .65fr;align-items:center;min-height:650px;padding:80px 9vw;display:grid;position:relative;overflow:hidden}.heroGlow{filter:blur(80px);opacity:.18;border-radius:50%;position:absolute}.one{background:var(--lime);width:430px;height:430px;top:10%;right:8%}.two{background:var(--orange);width:300px;height:300px;bottom:-100px;left:-100px}.heroCopy,.heroCard{z-index:1;position:relative}.eyebrow,.kicker{letter-spacing:.16em;color:var(--lime);font-family:DM Mono,monospace;font-size:10px;font-weight:500}.eyebrow span{background:var(--lime);border-radius:50%;width:7px;height:7px;margin-right:9px;display:inline-block}.hero h1{letter-spacing:-.07em;margin:22px 0;font-size:clamp(60px,8vw,116px);line-height:.88}.hero h1 em,.timeMachine h2 em,.newsletter h2 em{color:var(--lime);font-style:normal}.heroCopy>p{color:#aaa;max-width:520px;font-size:17px;line-height:1.7}.heroActions{gap:12px;margin-top:32px;display:flex}.primary,.secondary,.outline{border-radius:8px;padding:14px 19px;font-size:12px;font-weight:800}.primary{background:var(--lime);color:#0a0b0c}.secondary,.outline{border:1px solid var(--line);color:#ddd;background:0 0}.heroCard{background:#111318;border:1px solid #292c31;border-radius:22px;justify-self:end;width:min(330px,100%);padding:24px;box-shadow:0 30px 80px #0008}.miniLabel{letter-spacing:.16em;color:#888;font:10px DM Mono}.disc{background:repeating-radial-gradient(circle,#17191e 0 3px,#25282e 4px 6px);border-radius:50%;place-items:center;width:190px;height:190px;margin:28px auto 18px;display:grid;box-shadow:0 0 0 9px #0c0d10}.discCenter{background:var(--orange);border-radius:50%;place-items:center;width:58px;height:58px;font-size:24px;display:grid}.heroRank{color:var(--lime);font:10px DM Mono}.heroCard h2{letter-spacing:-.04em;margin:7px 0 2px;font-size:24px}.heroCard p{color:#888;margin:0}.heroStats{border-top:1px solid var(--line);color:#777;text-transform:uppercase;justify-content:space-between;margin-top:20px;padding-top:15px;font-size:10px;display:flex}.section{padding:88px 8vw}.sectionHead{justify-content:space-between;align-items:flex-end;margin-bottom:28px;display:flex}.section h2{letter-spacing:-.055em;margin:8px 0 5px;font-size:46px}.sectionHead p{color:#777;margin:0;font:11px DM Mono}.chartGrid{border-top:1px solid var(--line)}.songRow{border-bottom:1px solid var(--line);grid-template-columns:45px 45px 1fr 60px 65px 70px 35px;align-items:center;gap:12px;min-height:72px;padding:0 13px;transition:all .2s;display:grid}.rank{color:#666;font:11px DM Mono}.cover{color:#aaa;background:linear-gradient(135deg,#333,#151619);border-radius:6px;place-items:center;width:40px;height:40px;font:9px DM Mono;display:grid}.song strong{font-size:13px;display:block}.song span{color:#777;margin-top:3px;font-size:11px;display:block}.movement{color:#777;font:11px DM Mono}.movement.up{color:var(--lime)}.movement.down{color:var(--orange)}.stat{font:13px DM Mono}.stat small{color:#555;margin-bottom:3px;font-size:8px;display:block}.arrow{color:#555}.timeMachine{background:radial-gradient(circle at 75% 40%,#26310e 0,#11140d 22%,#0d0f11 55%);border:1px solid #282b2e;border-radius:30px;grid-template-columns:1fr 1fr;margin:0 5vw;padding:70px 7vw;display:grid;overflow:hidden}.timeMachine h2{letter-spacing:-.06em;margin:18px 0;font-size:60px;line-height:.95}.tmCopy>p{color:#999;max-width:450px;line-height:1.7}.dateBox{max-width:500px;margin-top:28px;display:flex}.dateBox input{color:#ddd;background:#17191b;border:1px solid #303338;border-right:0;border-radius:8px 0 0 8px;flex:1;padding:14px}.dateBox button{background:var(--lime);border:0;border-radius:0 8px 8px 0;padding:0 20px;font-size:12px;font-weight:800}.result{background:#111318;border:1px solid #303338;border-radius:12px;gap:4px;margin-top:20px;padding:16px;display:grid}.result small{color:#777;font:9px DM Mono}.result b{font-size:20px}.result p{color:#777;margin:5px 0 0;font-size:10px}.timelineArt{min-height:370px;position:relative}.vinyl{background:repeating-radial-gradient(circle,#15171b 0 5px,#272a2e 6px 7px);border-radius:50%;place-items:center;width:240px;height:240px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #333}.vinyl div{background:var(--orange);border-radius:50%;place-items:center;width:75px;height:75px;font-size:28px;display:grid}.orbit{border:1px solid #3a402a;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit1{width:350px;height:350px}.orbit2{border-color:#242920;width:480px;height:480px}.year{color:#777;font:10px DM Mono;position:absolute}.y1{top:18%;left:8%}.y2{top:7%;right:8%}.y3{bottom:22%;right:0}.y4{bottom:5%;left:20%}.eras{padding-top:110px}.textLink{color:#999;font-size:11px}.eraGrid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.eraGrid article{border:1px solid var(--line);border-radius:15px;min-height:190px;padding:22px;transition:all .25s;position:relative;overflow:hidden}.eraGrid article:hover{background:#11140e;border-color:#454a38;transform:translateY(-5px)}.eraNum{color:#555;font:10px DM Mono}.eraGrid h3{letter-spacing:-.04em;margin:45px 0 5px;font-size:25px}.eraGrid p{color:#777;font-size:11px}.eraGrid span{color:var(--lime);font:10px DM Mono;position:absolute;bottom:20px}.statsBand{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);padding:50px 8vw;display:grid}.statsBand div{border-right:1px solid var(--line);padding-left:30px}.statsBand div:first-child{padding-left:0}.statsBand div:last-child{border:0}.statsBand span{letter-spacing:-.06em;font-size:46px;font-weight:800;display:block}.statsBand small{color:#666;font:9px DM Mono}.newsletter{grid-template-columns:1fr 1fr;gap:80px;padding:100px 8vw;display:grid}.newsletter h2{letter-spacing:-.06em;margin:15px 0;font-size:55px;line-height:1}.newsletter p{color:#888;max-width:430px;line-height:1.7}.email{max-width:500px;margin-top:25px;display:flex}.email input{border:1px solid var(--line);color:#fff;background:#121417;border-radius:8px 0 0 8px;outline:0;flex:1;padding:14px}.email button{background:var(--lime);border:0;border-radius:0 8px 8px 0;padding:0 20px;font-size:11px;font-weight:800}footer{border-top:1px solid var(--line);color:#666;flex-wrap:wrap;align-items:center;gap:30px;padding:30px 5vw;font-size:11px;display:flex}footer>p:first-of-type{margin-right:auto}footer>div{flex-wrap:wrap;align-items:center;gap:20px;display:flex}footer>div a{white-space:nowrap}footer>p:last-child{flex-basis:100%;margin:0}@media (max-width:900px){.nav nav{display:none}.navSearch{width:200px}.hero{grid-template-columns:1fr;padding:65px 7vw}.heroCard{justify-self:start;margin-top:40px}.timeMachine,.newsletter{grid-template-columns:1fr}.timelineArt{display:none}.eraGrid{grid-template-columns:repeat(2,1fr)}.statsBand{grid-template-columns:repeat(2,1fr);gap:30px}.statsBand div{border:0;padding:0}.newsletter{gap:25px}}@media (max-width:600px){.nav{gap:15px;padding:0 20px}.navSearch{border:0;width:42px;padding:8px}.navSearch input{display:none}.hero h1{font-size:60px}.hero{min-height:auto}.section{padding:60px 20px}.sectionHead{align-items:start;gap:20px}.section h2{font-size:35px}.outline{display:none}.songRow{grid-template-columns:30px 40px 1fr 35px}.songRow .stat{display:none}.songRow{gap:8px;padding:0 4px}.song strong{font-size:11px}.song span{font-size:9px}.timeMachine{margin:0 15px;padding:50px 25px}.timeMachine h2{font-size:42px}.eraGrid{grid-template-columns:1fr}.statsBand{padding:40px 20px}.statsBand span{font-size:34px}.newsletter{padding:70px 20px}.newsletter h2{font-size:42px}footer{flex-wrap:wrap;padding:25px 20px}footer p{width:100%}}.hero{background:#f5f4ef}.heroCard{color:#fff;background:#111214;border-color:#111214;box-shadow:0 25px 70px #1112141f}.heroCard p{color:#a7a8aa}.heroStats{color:#888b90}.heroStats b{color:#fff}.songRow{background:#fff}.songRow:hover{background:#ecebe5}.songRow.top{background:#edf2d2}.cover{color:#fff;background:#17181b}.timeMachine{color:#fff;background:#111214;border-color:#111214}.timeMachine p{color:#a7a8aa}.dateBox input{color:#fff;background:#1b1c1f;border-color:#34363a}.result{background:#191a1d;border-color:#34363a}.result small,.result p{color:#9b9da1}.result span{color:#b9babd}.eraGrid article{background:#fff}.eraGrid article:hover{background:#f0f2e5}.newsletter{color:#fff;background:#111214}.newsletter p{color:#a7a8aa}.email input{color:#fff;background:#1b1c1f;border-color:#34363a}footer{background:#f5f4ef}.primary{color:#111214;background:#c8ef2f}.outline,.secondary{color:#111214;background:0 0;border-color:#bdbcb5}.searchInput::placeholder{color:#fff;opacity:1}.hero .eyebrow,.section .kicker,.eras .kicker{color:#527000}.hero .eyebrow span{background:#527000}.eraGrid article span{color:#527000}.artistStatsGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important}@media (max-width:600px){.artistStatsGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.artistStatsGrid .statCard{min-width:0;padding:18px}.artistSongRow{padding:18px 16px!important;display:block!important}.artistSongStats{grid-template-columns:repeat(4,minmax(0,1fr)) 18px;width:100%;margin-top:16px;align-items:end!important;gap:8px!important;display:grid!important}.artistSongStats>div{min-width:0}.artistSongStats small{letter-spacing:.5px!important;font-size:8px!important}.artistSongStats strong{font-size:14px}.artistSongStats>span{text-align:right}}.mobileSearchLink{display:none}.desktopSearchIcon{display:inline}@media (max-width:600px){.nav{flex-wrap:wrap;gap:12px 15px;height:auto;min-height:78px;padding:14px 20px 10px}.nav nav{white-space:nowrap;scrollbar-width:none;order:3;gap:22px;width:100%;padding:5px 0 3px;overflow-x:auto;display:flex!important}.nav nav::-webkit-scrollbar{display:none}.navSearch{border:0;justify-content:center;align-items:center;width:42px;height:42px;margin-left:auto;padding:0}.mobileSearchLink{color:#fff;place-items:center;width:42px;height:42px;font-size:22px;text-decoration:none;display:grid}.desktopSearchIcon{display:none}}#charts,#history,#eras{scroll-margin-top:90px}@media (max-width:600px){#charts,#history,#eras{scroll-margin-top:130px}}@media (max-width:700px){.songRankingHeader,.songRankingRow{grid-template-columns:52px minmax(0,1fr) 74px 32px!important;gap:10px!important}.songRankingHeader>:nth-child(4),.songRankingHeader>:nth-child(5),.songRankingRow>:nth-child(4),.songRankingRow>:nth-child(5){display:none}.songRankingRow>:nth-child(2){overflow-wrap:anywhere;min-width:0}.songRankingRow>:nth-child(3){min-width:0;font-size:13px}}:where(a,button,input,select,textarea):focus-visible{outline:3px solid var(--lime);outline-offset:3px}.navSearch input:focus-visible,.searchInput:focus-visible{border-radius:4px}