@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.12tyk43_3sh9u.woff2?dpl=dpl_Etp33rAZxNiqtQfU6jnT1ZkRLBok)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:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.0jzbimsg8vl84.woff2?dpl=dpl_Etp33rAZxNiqtQfU6jnT1ZkRLBok)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.0-wfv7uh4i7h9.woff2?dpl=dpl_Etp33rAZxNiqtQfU6jnT1ZkRLBok)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:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0nx0ww8fni_q3.woff2?dpl=dpl_Etp33rAZxNiqtQfU6jnT1ZkRLBok)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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2?dpl=dpl_Etp33rAZxNiqtQfU6jnT1ZkRLBok)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:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.0ee55_hj9qcer.woff2?dpl=dpl_Etp33rAZxNiqtQfU6jnT1ZkRLBok)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:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.0.qu-9752pffj.woff2?dpl=dpl_Etp33rAZxNiqtQfU6jnT1ZkRLBok)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.0mao5jbfbduzp.woff2?dpl=dpl_Etp33rAZxNiqtQfU6jnT1ZkRLBok)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.0uzt.a6d44yda.woff2?dpl=dpl_Etp33rAZxNiqtQfU6jnT1ZkRLBok)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:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.0mvwgmnhv29no.woff2?dpl=dpl_Etp33rAZxNiqtQfU6jnT1ZkRLBok)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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.09zddjkbdep5a.woff2?dpl=dpl_Etp33rAZxNiqtQfU6jnT1ZkRLBok)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:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--paper:#f8f5f1;--paper-2:#f0ece7;--paper-3:#e7e2dc;--line:#dcd6cf;--line-soft:#e9e4dd;--ink:#1b1612;--ink-2:#3f3935;--ink-3:#6d6864;--ink-4:#9b9795;--accent:#d9563c;--accent-2:#ba2f12;--accent-soft:#ffe5d7;--night:#231814;--display:"Newsreader", ui-serif, Georgia, serif;--sans:"Geist", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--mono:"JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:22px;--r-xxl:28px}@supports (color:lab(0% 0 0)){:root{--paper:lab(96.7626% .51406 2.21726);--paper-2:lab(93.6339% .690728 2.95978);--paper-3:lab(90.1569% .870556 3.70431);--line:lab(86.0998% 1.05408 4.45136);--line-soft:lab(90.7369% .870407 3.7042);--ink:lab(7.75355% 2.14732 3.62664);--ink-2:lab(24.5795% 1.7288 3.3585);--ink-3:lab(44.3049% 1.35762 2.66888);--ink-4:lab(62.8692% 1.00851 1.99536);--accent:lab(54.4004% 51.3382 42.2533);--accent-2:lab(42.6541% 55.0297 50.0343);--accent-soft:lab(92.8628% 8.91295 11.9784);--night:lab(9.38335% 5.37004 4.96888)}}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.topbar{z-index:50;background:color-mix(in oklab, var(--paper), white 25%);border-bottom:1px solid var(--line-soft);-webkit-backdrop-filter:saturate(140%)blur(8px);backdrop-filter:saturate(140%)blur(8px);align-items:center;gap:20px;height:56px;padding:0 28px;display:flex;position:sticky;top:0}.brand{font-family:var(--display);letter-spacing:-.01em;align-items:baseline;gap:8px;font-size:22px;font-weight:500;display:flex}.brand .dot{background:var(--accent);border-radius:999px;width:6px;height:6px;display:inline-block;transform:translateY(-3px)}.brand sub{font-family:var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);margin-left:2px;font-size:10px;font-weight:500}.topnav{gap:4px;margin-left:14px;display:flex}.topnav a{border-radius:var(--r-sm);color:var(--ink-2);padding:8px 12px;font-size:13.5px;font-weight:500}.topnav a.active{color:var(--ink);background:var(--paper-2)}.topnav a:hover{color:var(--ink)}.search{background:var(--paper-2);border:1px solid var(--line-soft);max-width:480px;height:36px;color:var(--ink-3);border-radius:999px;flex:1;align-items:center;gap:10px;margin-left:auto;padding:0 14px;font-size:13.5px;display:flex}.search svg{width:14px;height:14px}.search .kbd{font-family:var(--mono);color:var(--ink-3);background:var(--paper);border:1px solid var(--line-soft);border-radius:4px;margin-left:auto;padding:1px 6px;font-size:11px}.top-right{align-items:center;gap:14px;display:flex}.icon-btn{width:34px;height:34px;color:var(--ink-2);border-radius:999px;place-items:center;display:grid}.icon-btn:hover{background:var(--paper-2);color:var(--ink)}.avatar{border:1.5px solid var(--paper);width:30px;height:30px;box-shadow:0 0 0 1px var(--line);background:linear-gradient(135deg,#ac543f,#3e3f7c);background:linear-gradient(135deg,lab(46.7923% 35.3122 29.9336),lab(29.1807% 13.1622 -35.2111));border-radius:999px}.wrap{max-width:1280px;margin:0 auto;padding:36px 36px 60px}section+section{margin-top:72px}.sec-hd{justify-content:space-between;align-items:end;margin-bottom:22px;display:flex}.sec-hd-l{align-items:baseline;gap:16px;display:flex}.sec-hd h1,.sec-hd h2{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:32px;font-weight:500}.sec-hd .num{font-family:var(--mono);letter-spacing:.14em;color:var(--accent);font-size:11px;font-weight:600}.sec-hd .h-sub{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-top:6px;font-size:11px}.sec-hd .see-more{color:var(--ink-2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:500;display:inline-flex}.sec-hd .see-more:hover{color:var(--ink);background:#fff}.trend{grid-template-columns:1.3fr 1fr;gap:24px;display:grid}.trend-table{border:1px solid var(--line-soft);border-radius:var(--r-lg);background:#fff;overflow:hidden}.trend-row{border-top:1px solid var(--line-soft);color:inherit;grid-template-columns:28px 40px minmax(0,1fr) 80px 52px 44px 72px;align-items:center;gap:10px;padding:11px 16px;font-size:13.5px;text-decoration:none;transition:background .12s;display:grid}.trend-row:first-child{border-top:0}.trend-row:hover{background:var(--paper)}.trend-row .idx{font-family:var(--mono);color:var(--ink-4);font-size:11px;font-weight:600}.trend-row .thumb{border-radius:var(--r-sm);color:#f2eee7e6;color:lab(94.217% .869393 3.70355/.9);width:40px;height:40px;font-family:var(--display);box-shadow:0 1px 0 var(--line);background:radial-gradient(120% 90% at 60% 30%,#886964,#362320);background:radial-gradient(120% 90% at 60% 30%,lab(47.4589% 11.8559 7.92803),lab(16.22% 8.95794 6.03437));flex-shrink:0;place-items:center;font-size:16px;font-style:italic;display:grid;position:relative;overflow:hidden}.trend-row .thumb:before{content:"";z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 2px,#0301011f 2px 3px);background:repeating-linear-gradient(0deg,#0000 0 2px,lab(.449543% .473745 .261128/.12) 2px 3px);position:absolute;inset:0}.trend-row .thumb span{z-index:1}.trend-row .ti{flex-direction:column;gap:2px;min-width:0;display:flex}.trend-row .ti .title-line{align-items:center;gap:6px;min-width:0;display:flex}.trend-row .ti .t{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.trend-row .ti .badge{font-family:var(--mono);letter-spacing:.08em;background:var(--accent-soft);color:var(--accent-2);border-radius:4px;flex-shrink:0;padding:1px 5px;font-size:9px;font-weight:600}.trend-row .ti .a{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.trend-row .plays{font-family:var(--mono);color:var(--ink-2);font-feature-settings:"tnum";font-size:12px;font-weight:500}.trend-row .rating-col{font-family:var(--mono);color:var(--ink-2);align-items:center;gap:4px;font-size:12px;font-weight:600;display:inline-flex}.trend-row .rating-col svg{color:var(--accent)}.trend-row .key{font-family:var(--mono);background:var(--paper-2);color:var(--ink-2);text-align:center;border-radius:5px;justify-self:center;padding:3px 8px;font-size:11px;font-weight:600}.trend-row .upvote{background:var(--paper-2);border:1px solid var(--line-soft);height:28px;font-family:var(--mono);color:var(--ink-2);cursor:pointer;white-space:nowrap;border-radius:999px;justify-self:end;align-items:center;gap:5px;padding:0 10px;font-size:11px;font-weight:600;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.trend-row .upvote:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-2)}.trend-row .upvote.voted{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-2);cursor:default}.spotlight{color:var(--paper);border-radius:var(--r-lg);background:linear-gradient(135deg,#402622,#1a0e0c);background:linear-gradient(135deg,lab(18.4491% 12.0069 8.1472),lab(5.13766% 4.7535 2.67403));flex-direction:column;justify-content:space-between;min-height:100%;padding:26px;display:flex;position:relative;overflow:hidden}.spotlight:before{content:"";background:repeating-linear-gradient(45deg,#0000 0 14px,#f2eee70a 14px 16px);background:repeating-linear-gradient(45deg,#0000 0 14px,lab(94.217% .869393 3.70355/.04) 14px 16px);position:absolute;inset:0}.sp-portrait{z-index:1;border:3px solid #f2eee72e;border:3px solid lab(94.217% .869393 3.70355/.18);border-radius:999px;align-self:flex-start;width:88px;height:88px;margin-bottom:10px;position:relative;overflow:hidden;box-shadow:inset 0 -8px 16px -8px #01000080,0 10px 20px -10px #01000099;box-shadow:inset 0 -8px 16px -8px lab(.107716% .194065 .0958771/.5),0 10px 20px -10px lab(.107716% .194065 .0958771/.6)}.spotlight .label{font-family:var(--mono);letter-spacing:.2em;color:#f2eee78c;color:lab(94.217% .869393 3.70355/.55);text-transform:uppercase;z-index:1;font-size:10px}.spotlight h3{font-family:var(--display);letter-spacing:-.02em;z-index:1;margin:14px 0 6px;font-size:30px;font-weight:500;line-height:1.1}.spotlight .who{color:#f2eee7b3;color:lab(94.217% .869393 3.70355/.7);z-index:1;font-size:13px}.spotlight .chord-preview{border-radius:var(--r-md);font-family:var(--mono);color:#f2eee78c;color:lab(94.217% .869393 3.70355/.55);z-index:1;white-space:pre;background:#05030280;background:lab(.883265% .728242 .416404/.5);border:1px solid #f2eee714;border:1px solid lab(94.217% .869393 3.70355/.08);margin-top:22px;padding:14px 16px;font-size:12px;line-height:1.9}.spotlight .chord-preview .ch{color:var(--accent);font-weight:600}.spotlight .ftr{z-index:1;border-top:1px solid #f2eee71f;border-top:1px solid lab(94.217% .869393 3.70355/.12);justify-content:space-between;align-items:center;margin-top:18px;padding-top:16px;display:flex}.spotlight .ftr .stats{font-family:var(--mono);color:#f2eee799;color:lab(94.217% .869393 3.70355/.6);gap:16px;font-size:11px;display:flex}.spotlight .ftr .stats b{color:#f2eee7f2;color:lab(94.217% .869393 3.70355/.95);font-weight:600}.spotlight .ftr .go{background:var(--accent);color:#fff;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.artists{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.artist-card{border:1px solid var(--line-soft);border-radius:var(--r-lg);color:inherit;background:#fff;flex-direction:column;align-items:center;gap:10px;padding:18px 12px 16px;text-decoration:none;transition:background .12s;display:flex}.artist-card:hover{background:var(--paper)}.artist-card .av{width:96px;height:96px;box-shadow:0 1px 0 var(--line), 0 10px 20px -16px #250e0b80;background:radial-gradient(120% 90% at 50% 30%,#886964 0%,#362320 70%);background:radial-gradient(120% 90% at 50% 30%,lab(47.4589% 11.8559 7.92803) 0%,lab(16.22% 8.95794 6.03437) 70%);border-radius:999px;place-items:center;display:grid;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.artist-card .av{box-shadow:0 1px 0 var(--line), 0 10px 20px -16px lab(6.89385% 11.9148 6.1362/.5)}}.artist-card .av:before{content:"";z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 3px,#0301011a 3px 4px);background:repeating-linear-gradient(0deg,#0000 0 3px,lab(.449543% .473745 .261128/.1) 3px 4px);position:absolute;inset:0}.artist-card .av span{font-family:var(--display);color:#ede3d6d9;color:lab(90.7505% 1.8031 7.45089/.85);z-index:1;font-size:32px;font-style:italic}.artist-card .av.v2{background:radial-gradient(120% 90% at 50% 30%,#527599 0%,#132139 70%);background:radial-gradient(120% 90% at 50% 30%,lab(47.6107% -5.10988 -24.0393) 0%,lab(12.6652% .527114 -17.7116) 70%)}.artist-card .av.v3{background:radial-gradient(120% 90% at 50% 30%,#688361 0%,#1a2e1e 70%);background:radial-gradient(120% 90% at 50% 30%,lab(52.0181% -15.5406 15.0071) 0%,lab(16.9965% -11.9551 7.75133) 70%)}.artist-card .av.v4{background:radial-gradient(120% 90% at 50% 30%,#816688 0%,#251d32 70%);background:radial-gradient(120% 90% at 50% 30%,lab(46.9683% 15.9106 -14.1969) 0%,lab(12.4746% 7.90066 -12.5836) 70%)}.artist-card .av.v5{background:radial-gradient(120% 90% at 50% 30%,#8a7759 0%,#3d2919 70%);background:radial-gradient(120% 90% at 50% 30%,lab(51.3635% 3.96222 19.8237) 0%,lab(18.6681% 7.83302 14.503) 70%)}.artist-card .rank{font-family:var(--mono);letter-spacing:.06em;color:var(--accent);font-size:10px;font-weight:700}.artist-card .name{color:var(--ink);text-align:center;font-size:13.5px;font-weight:600}.artist-card .sub{font-family:var(--mono);color:var(--ink-3);font-size:10.5px}.tabs-list{grid-template-columns:1fr 1fr;gap:0 28px;display:grid}.tab-row{border-bottom:1px solid var(--line-soft);border-radius:var(--r-sm);color:inherit;grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:14px;min-height:64px;padding:10px 8px;text-decoration:none;transition:background .12s;display:grid}.tab-row:hover{background:#fff}.tab-row .thumb{border-radius:var(--r-sm);color:#f2eee7e6;color:lab(94.217% .869393 3.70355/.9);width:44px;height:44px;font-family:var(--display);box-shadow:0 1px 0 var(--line);background:radial-gradient(120% 90% at 60% 30%,#886964,#362320);background:radial-gradient(120% 90% at 60% 30%,lab(47.4589% 11.8559 7.92803),lab(16.22% 8.95794 6.03437));flex-shrink:0;place-items:center;font-size:18px;font-style:italic;display:grid;position:relative;overflow:hidden}.tab-row .thumb:before{content:"";z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 2px,#0301011f 2px 3px);background:repeating-linear-gradient(0deg,#0000 0 2px,lab(.449543% .473745 .261128/.12) 2px 3px);position:absolute;inset:0}.tab-row .thumb span{z-index:1}.tab-row .thumb.v2{background:radial-gradient(120% 90% at 60% 30%,#527599,#132139);background:radial-gradient(120% 90% at 60% 30%,lab(47.6107% -5.10988 -24.0393),lab(12.6652% .527114 -17.7116))}.tab-row .thumb.v3{background:radial-gradient(120% 90% at 60% 30%,#688361,#1a2e1e);background:radial-gradient(120% 90% at 60% 30%,lab(52.0181% -15.5406 15.0071),lab(16.9965% -11.9551 7.75133))}.tab-row .thumb.v4{background:radial-gradient(120% 90% at 60% 30%,#816688,#251d32);background:radial-gradient(120% 90% at 60% 30%,lab(46.9683% 15.9106 -14.1969),lab(12.4746% 7.90066 -12.5836))}.tab-row .thumb.v5{background:radial-gradient(120% 90% at 60% 30%,#8a7759,#3d2919);background:radial-gradient(120% 90% at 60% 30%,lab(51.3635% 3.96222 19.8237),lab(18.6681% 7.83302 14.503))}.tab-row .thumb.v6{background:radial-gradient(120% 90% at 60% 30%,#447c7f,#0e2d36);background:radial-gradient(120% 90% at 60% 30%,lab(48.3867% -18.8672 -7.79493),lab(16.6877% -9.35663 -9.4864))}.tab-row .thumb.v7{background:radial-gradient(120% 90% at 60% 30%,#a45953,#421c19);background:radial-gradient(120% 90% at 60% 30%,lab(46.8326% 31.2126 17.5511),lab(15.894% 18.7869 10.7134))}.tab-row .info{flex-direction:column;gap:2px;min-width:0;display:flex}.tab-row .info .t{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;overflow:hidden}.tab-row .info .a{color:var(--ink-3);font-size:11.5px}.tab-row .rating{font-family:var(--mono);color:var(--ink-2);white-space:nowrap;align-items:center;gap:4px;font-size:12px;font-weight:600;display:inline-flex}.tab-row .rating .star{color:var(--accent)}.tab-row .rating .n{color:var(--ink-3);font-weight:400}.tab-row .meta{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-3);background:var(--paper-2);white-space:nowrap;border-radius:4px;padding:3px 7px;font-size:10px}.tab-row .meta.up{color:#27762f;color:lab(43.553% -36.5365 30.8488);background:#dff6de;background:lab(94.7233% -11.1774 8.71127)}.tab-row .meta.new{color:var(--accent-2);background:var(--accent-soft)}.regions{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.region{border-radius:var(--r-lg);color:#f2eee7eb;color:lab(94.217% .869393 3.70355/.92);background:radial-gradient(120% 100% at 80% 0,#843d33,#2b1311 65%,#0c0403);background:radial-gradient(120% 100% at 80% 0,lab(35.2877% 30.4943 21.494),lab(9.13304% 12.4851 6.42529) 65%,lab(1.49699% 2.26143 .98035));flex-direction:column;min-height:240px;padding:26px 26px 22px;text-decoration:none;transition:transform .15s;display:flex;position:relative;overflow:hidden}.region.r-jawa{background:radial-gradient(120% 100% at 80% 0,#7e5c2a,#38200a 65%,#0f0703);background:radial-gradient(120% 100% at 80% 0,lab(41.9609% 10.0709 33.7982),lab(15.1262% 10.2853 18.2199) 65%,lab(2.43856% 2.11833 2.41326))}.region.r-barat{background:radial-gradient(120% 100% at 80% 0,#185d79,#001d2f 65%,#02060d);background:radial-gradient(120% 100% at 80% 0,lab(36.3724% -13.8639 -22.31),lab(9.44669% -4.95417 -15.567) 65%,lab(1.53827% -.389941 -2.97685))}.region.r-dangdut{background:radial-gradient(120% 100% at 80% 0,#b44d34,#49150f 65%,#160303);background:radial-gradient(120% 100% at 80% 0,lab(46.599% 41.544 36.2189),lab(15.7307% 24.6297 17.6222) 65%,lab(2.30055% 6.56654 2.44812))}.region.r-malaysia{background:radial-gradient(120% 100% at 80% 0,#337344,#012a14 65%,#000b04);background:radial-gradient(120% 100% at 80% 0,lab(43.2686% -30.0935 19.7304),lab(13.7736% -19.2728 9.9579) 65%,lab(2.14426% -3.58409 1.40985))}.region.r-religi{background:radial-gradient(120% 100% at 80% 0,#1d6257,#012523 65%,#01090a);background:radial-gradient(120% 100% at 80% 0,lab(37.0784% -24.4316 -.185728),lab(12.2945% -13.5268 -2.68546) 65%,lab(2.06204% -2.30394 -1.14853))}.region:hover{transform:translateY(-3px)}.region:before{content:"";background:repeating-linear-gradient(0deg,#0000 0 3px,#0301011f 3px 4px);background:repeating-linear-gradient(0deg,#0000 0 3px,lab(.449543% .473745 .261128/.12) 3px 4px);position:absolute;inset:0}.region .glyph{font-family:var(--display);letter-spacing:-.04em;color:#f2eee70f;color:lab(94.217% .869393 3.70355/.06);pointer-events:none;font-size:220px;font-style:italic;line-height:.85;position:absolute;top:-30px;right:-10px}.region .head{z-index:1;align-items:center;gap:10px;margin-bottom:24px;display:flex}.region .flag{border-radius:3px;flex-direction:column;width:28px;height:20px;display:flex;overflow:hidden;box-shadow:0 0 0 1px #f2eee733;box-shadow:0 0 0 1px lab(94.217% .869393 3.70355/.2)}.region .flag .s{flex:1}.region.r-indo .flag .s:first-child{background:#c53637;background:lab(45.9853% 56.8958 34.8481)}.region.r-indo .flag .s:last-child{background:#f2f2f2;background:lab(95.36% 0 0)}.region.r-dangdut .flag .s:first-child{background:#bd4334;background:lab(46.2982% 49.2951 36.5282)}.region.r-dangdut .flag .s:last-child{background:#f4c582;background:lab(82.61% 11.5712 40.0482)}.region .code{font-family:var(--mono);letter-spacing:.2em;color:#f2eee78c;color:lab(94.217% .869393 3.70355/.55);background:#05030259;background:lab(.883265% .728242 .416404/.35);border:1px solid #f2eee71f;border:1px solid lab(94.217% .869393 3.70355/.12);border-radius:999px;padding:3px 9px;font-size:10px}.region h3{z-index:1;font-family:var(--display);letter-spacing:-.02em;margin:0 0 8px;font-size:34px;font-weight:500;line-height:1}.region .desc{z-index:1;color:#f2eee7b3;color:lab(94.217% .869393 3.70355/.7);max-width:32ch;margin:0 0 20px;font-size:13.5px;line-height:1.55}.region .tags{z-index:1;flex-wrap:wrap;gap:6px;margin-bottom:22px;display:flex}.region .tags span{font-family:var(--mono);letter-spacing:.04em;color:#f2eee7bf;color:lab(94.217% .869393 3.70355/.75);background:#05030259;background:lab(.883265% .728242 .416404/.35);border:1px solid #f2eee71a;border:1px solid lab(94.217% .869393 3.70355/.1);border-radius:999px;padding:3px 8px;font-size:10px}.region .foot{z-index:1;border-top:1px solid #f2eee71f;border-top:1px solid lab(94.217% .869393 3.70355/.12);justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;display:flex}.region .foot .count{font-family:var(--mono);letter-spacing:.06em;color:#f2eee78c;color:lab(94.217% .869393 3.70355/.55);text-transform:uppercase;font-size:11px}.region .foot .count b{letter-spacing:-.01em;color:#f2eee7f2;color:lab(94.217% .869393 3.70355/.95);font-size:22px;font-weight:600;display:block}.region .foot .go{background:var(--accent);color:#fff;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;display:inline-flex}.genres{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.genre{border:1px solid var(--line-soft);border-radius:var(--r-lg);color:inherit;background:#fff;flex-direction:column;text-decoration:none;transition:transform .15s;display:flex;overflow:hidden}.genre:hover{transform:translateY(-3px)}.genre .top{aspect-ratio:5/2;color:#f2eee7eb;color:lab(94.217% .869393 3.70355/.92);background:radial-gradient(120% 90% at 80% 20%,#a45a4e,#321a18 70%,#100606);background:radial-gradient(120% 90% at 80% 20%,lab(46.9035% 30.288 20.9218),lab(12.6155% 12.4569 6.947) 70%,lab(2.3921% 3.03728 1.35722));flex-direction:column;justify-content:space-between;padding:20px 22px;display:flex;position:relative;overflow:hidden}.genre.g-folk .top{background:radial-gradient(120% 90% at 80% 20%,#846f37,#362512 70%,#140b05);background:radial-gradient(120% 90% at 80% 20%,lab(48.0392% 2.80082 34.2194),lab(16.4269% 5.9462 15.9613) 70%,lab(3.66174% 2.42036 3.38067))}.genre.g-indie .top{background:radial-gradient(120% 90% at 80% 20%,#595c9b,#10213e 70%,#020a15);background:radial-gradient(120% 90% at 80% 20%,lab(40.8877% 11.7206 -35.4314),lab(12.5485% 1.49386 -21.136) 70%,lab(2.42099% -.5707 -6.43392))}.genre.g-rock .top{background:radial-gradient(120% 90% at 80% 20%,#944a46,#361717 70%,#0e0505);background:radial-gradient(120% 90% at 80% 20%,lab(41.0274% 31.2689 17.7166),lab(12.4812% 15.9789 7.11967) 70%,lab(1.90239% 2.72498 .877038))}.genre.g-pop .top{background:radial-gradient(120% 90% at 80% 20%,#9e74a8,#382b4d 70%,#0d0b19);background:radial-gradient(120% 90% at 80% 20%,lab(54.6459% 23.9773 -21.1723),lab(20.3061% 12.1149 -18.7931) 70%,lab(3.48112% 2.93746 -7.94315))}.genre.g-acoustic .top{background:radial-gradient(120% 90% at 80% 20%,#6b8451,#1b2f17 70%,#040b05);background:radial-gradient(120% 90% at 80% 20%,lab(52.1443% -16.6813 24.6425),lab(17.0707% -12.8651 12.9383) 70%,lab(2.59879% -2.59396 1.59327))}.genre.g-worship .top{background:radial-gradient(120% 90% at 80% 20%,#3d7b8e,#0f2a36 70%,#030a11);background:radial-gradient(120% 90% at 80% 20%,lab(48.1716% -16.5698 -16.6598),lab(15.4192% -7.23985 -11.2236) 70%,lab(2.47659% -1.11372 -3.59764))}.genre .top:before{content:"";background:repeating-linear-gradient(0deg,#0000 0 3px,#0301011f 3px 4px);background:repeating-linear-gradient(0deg,#0000 0 3px,lab(.449543% .473745 .261128/.12) 3px 4px);position:absolute;inset:0}.genre .chord-bg{font-family:var(--display);letter-spacing:-.04em;color:#f2eee714;color:lab(94.217% .869393 3.70355/.08);pointer-events:none;text-align:right;white-space:pre;font-size:90px;font-style:italic;line-height:.85;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.genre .tag{z-index:1;font-family:var(--mono);letter-spacing:.18em;color:#f2eee7b3;color:lab(94.217% .869393 3.70355/.7);background:#05030259;background:lab(.883265% .728242 .416404/.35);border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:3px 9px;font-size:9.5px;display:inline-flex}.genre .tag .dot{background:var(--accent);border-radius:999px;width:5px;height:5px}.genre .progression{z-index:1;font-family:var(--mono);letter-spacing:.04em;color:#f2eee766;color:lab(94.217% .869393 3.70355/.4);margin-top:auto;font-size:12px}.genre .progression .ch{color:var(--accent);font-weight:600}.genre .body{grid-template-columns:1fr auto;align-items:end;gap:12px;padding:18px 22px 20px;display:grid}.genre .body h3{font-family:var(--display);letter-spacing:-.015em;margin:0 0 2px;font-size:24px;font-weight:500}.genre .body .sub{color:var(--ink-3);font-size:13px;line-height:1.4}.genre .body .count{font-family:var(--mono);letter-spacing:.08em;color:var(--ink-3);text-transform:uppercase;text-align:right;font-size:10.5px}.genre .body .count b{letter-spacing:-.01em;color:var(--ink);margin-bottom:2px;font-size:22px;font-weight:600;display:block}.genre-strip{flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px;display:flex}.genre-strip .lbl{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin-right:6px;font-size:10.5px}.genre-chip{border:1px solid var(--line);color:var(--ink-2);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:500;text-decoration:none;display:inline-flex}.genre-chip:hover{background:var(--paper-2);color:var(--ink)}.genre-chip .n{font-family:var(--mono);color:var(--ink-4);font-size:10px}.decades{grid-template-columns:repeat(7,1fr);gap:12px;display:grid}.decade{border:1px solid var(--line-soft);border-radius:var(--r-lg);min-height:180px;color:inherit;background:#fff;flex-direction:column;padding:18px 16px;text-decoration:none;transition:transform .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.decade:hover{border-color:var(--line);transform:translateY(-3px)}.decade:before{content:"";background:var(--accent);height:4px;position:absolute;top:0;left:0;right:0}.decade.d60:before{background:#b88513;background:lab(59.4052% 13.9334 60.832)}.decade.d70:before{background:#c7692c;background:lab(55.0677% 35.2345 49.8267)}.decade.d80:before{background:#af62c1;background:lab(53.4973% 43.3045 -37.1263)}.decade.d90:before{background:#3284d0;background:lab(52.9586% -5.05817 -47.1472)}.decade.d00:before{background:#47944c;background:lab(55.1805% -36.459 30.1293)}.decade.d10:before{background:#009aa1;background:lab(57.3472% -46.5858 -19.0278)}.decade.d20:before{background:#d9563c;background:lab(54.4004% 51.3382 42.2533)}.decade .yr{font-family:var(--display);letter-spacing:-.03em;color:var(--ink);font-size:56px;font-style:italic;font-weight:500;line-height:.9}.decade .yr small{font-family:var(--display);vertical-align:super;color:var(--ink-3);margin-right:-4px;font-size:22px;font-style:normal;font-weight:400}.decade .era{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-top:14px;font-size:9.5px;font-weight:600}.decade .desc{color:var(--ink-2);margin-top:4px;font-size:12px;line-height:1.4}.decade .count{border-top:1px dashed var(--line);font-family:var(--mono);color:var(--ink-3);letter-spacing:.04em;margin-top:auto;padding-top:12px;font-size:10.5px}.decade .count b{color:var(--ink);font-weight:600}.editorial{grid-template-columns:1.2fr 1fr;gap:32px;display:grid}.deep{border:1px solid var(--line-soft);border-radius:var(--r-xl);background:#fff;overflow:hidden}.deep .img{aspect-ratio:4/3;color:var(--paper);background:radial-gradient(120% 90% at 65% 30%,#654438 0%,#271511 60%,#090504 100%);background:radial-gradient(120% 90% at 65% 30%,lab(32.3691% 13.5862 13.087) 0%,lab(9.28061% 8.64033 6.50643) 60%,lab(1.53224% 1.03714 .607771) 100%);position:relative}.deep .img:before{content:"";background:repeating-linear-gradient(0deg,#0000 0 3px,#0301011f 3px 4px);background:repeating-linear-gradient(0deg,#0000 0 3px,lab(.449543% .473745 .261128/.12) 3px 4px);position:absolute;inset:0}.deep .img .tag{font-family:var(--mono);letter-spacing:.18em;color:var(--paper);z-index:1;background:#1e131199;background:lab(7.06611% 5.79541 3.33123/.6);border:1px solid #f2eee733;border:1px solid lab(94.217% .869393 3.70355/.2);border-radius:999px;padding:4px 10px;font-size:10px;position:absolute;top:18px;left:18px}.deep .img .play{background:var(--accent);color:#fff;z-index:1;border-radius:999px;place-items:center;width:52px;height:52px;display:grid;position:absolute;bottom:20px;right:20px}.deep .body{padding:24px 26px 26px}.deep .kind{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-size:10.5px;font-weight:600}.deep h3{font-family:var(--display);letter-spacing:-.015em;margin:0 0 10px;font-size:26px;font-weight:500;line-height:1.15}.deep p{color:var(--ink-2);margin:0;font-size:14px;line-height:1.6}.deep .ftr{border-top:1px dashed var(--line);font-family:var(--mono);color:var(--ink-3);align-items:center;gap:16px;margin-top:20px;padding-top:16px;font-size:11px;display:flex}.deep .ftr .dot{color:var(--ink-4)}.deep .ftr b{color:var(--ink);font-weight:600}.stack{flex-direction:column;gap:14px;display:flex}.stack-item{border:1px solid var(--line-soft);border-radius:var(--r-md);color:inherit;background:#fff;grid-template-columns:60px 1fr auto;align-items:center;gap:14px;padding:14px;text-decoration:none;transition:background .12s;display:grid}.stack-item:hover{background:var(--paper)}.stack-item .thumb{border-radius:var(--r-sm);width:60px;height:60px;color:var(--paper);background:radial-gradient(120% 90% at 60% 30%,#6e4b45,#1e1311);background:radial-gradient(120% 90% at 60% 30%,lab(35.7658% 14.9421 10.0756),lab(7.06611% 5.79541 3.33123));place-items:center;display:grid;position:relative;overflow:hidden}.stack-item .thumb:before{content:"";background:repeating-linear-gradient(0deg,#0000 0 2px,#0301011f 2px 3px);background:repeating-linear-gradient(0deg,#0000 0 2px,lab(.449543% .473745 .261128/.12) 2px 3px);position:absolute;inset:0}.stack-item .thumb .pp{z-index:1;background:#1e131199;background:lab(7.06611% 5.79541 3.33123/.6);border-radius:999px;place-items:center;width:22px;height:22px;display:grid}.stack-item .thumb.v2{background:radial-gradient(120% 90% at 60% 30%,#3b5876,#0f1b2d);background:radial-gradient(120% 90% at 60% 30%,lab(36.0316% -4.25924 -20.5755),lab(9.26671% .165291 -14.212))}.stack-item .thumb.v3{background:radial-gradient(120% 90% at 60% 30%,#435e3d,#0b2010);background:radial-gradient(120% 90% at 60% 30%,lab(36.9263% -15.498 15.1913),lab(10.0303% -11.9082 7.40415))}.stack-item .thumb.v4{background:radial-gradient(120% 90% at 60% 30%,#644a6a,#1d162a);background:radial-gradient(120% 90% at 60% 30%,lab(35.3565% 15.9602 -14.1405),lab(8.98103% 8.0401 -12.5394))}.stack-item .info{flex-direction:column;gap:4px;min-width:0;display:flex}.stack-item .info .top{color:var(--ink);align-items:baseline;gap:8px;font-size:14px;font-weight:600;display:flex}.stack-item .info .top .badge{font-family:var(--mono);letter-spacing:.08em;background:var(--accent-soft);color:var(--accent-2);border-radius:4px;padding:1px 6px;font-size:9.5px;font-weight:600}.stack-item .info .bot{color:var(--ink-3);align-items:center;gap:10px;font-size:12px;display:flex}.stack-item .info .bot .dot{color:var(--ink-4)}.stack-item .info .bot .when{font-family:var(--mono)}.stack-item .key{font-family:var(--mono);background:var(--paper-2);color:var(--ink-2);border-radius:5px;padding:4px 10px;font-size:11px;font-weight:600}.tools{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.tool-card{border:1px solid var(--line-soft);border-radius:var(--r-lg);color:inherit;background:#fff;flex-direction:column;gap:14px;padding:22px 22px 20px;text-decoration:none;transition:transform .15s;display:flex}.tool-card:hover{transform:translateY(-3px)}.tool-card .icon{border-radius:var(--r-sm);background:var(--paper-2);width:44px;height:44px;color:var(--ink);place-items:center;display:grid}.tool-card.featured .icon{background:var(--accent);color:#fff}.tool-card h4{font-family:var(--display);letter-spacing:-.01em;margin:0;font-size:19px;font-weight:500}.tool-card p{color:var(--ink-3);margin:0;font-size:13px;line-height:1.5}.tool-card .go{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-top:auto;font-size:10.5px;font-weight:600}.feed{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.feed-item{border:1px solid var(--line-soft);border-radius:var(--r-lg);background:#fff;flex-direction:column;gap:12px;padding:20px;display:flex}.feed-item .hd{align-items:center;gap:10px;display:flex}.feed-item .hd .av{background:linear-gradient(135deg,#00838a,#124a7b);background:linear-gradient(135deg,lab(48.9475% -37.3648 -15.2805),lab(29.9106% -3.00425 -33.6042));border-radius:999px;flex-shrink:0;width:36px;height:36px}.feed-item:nth-child(2) .hd .av{background:linear-gradient(135deg,#48823b,#4b4b00);background:linear-gradient(135deg,lab(49.1883% -30.7809 31.7862),lab(30.993% -7.03305 47.059))}.feed-item:nth-child(3) .hd .av{background:linear-gradient(135deg,#90589d,#483c79);background:linear-gradient(135deg,lab(46.0261% 32.2911 -27.9609),lab(29.0344% 17.472 -33.6475))}.feed-item .hd .info{flex-direction:column;display:flex}.feed-item .hd .info .name{color:var(--ink);font-size:13.5px;font-weight:600}.feed-item .hd .info .sub{font-family:var(--mono);color:var(--ink-3);letter-spacing:.06em;font-size:10.5px}.feed-item .body{color:var(--ink-2);font-size:14px;line-height:1.5}.feed-item .body b{color:var(--ink);font-weight:600}.feed-item .body code{font-family:var(--mono);background:var(--paper-2);color:var(--accent-2);border-radius:4px;padding:1px 6px;font-size:12px}.feed-item .ftr{border-top:1px dashed var(--line);font-family:var(--mono);color:var(--ink-3);align-items:center;gap:16px;padding-top:12px;font-size:11px;display:flex}.feed-item .ftr b{color:var(--ink);font-weight:600}.news{background:var(--night);color:var(--paper);border-radius:var(--r-xxl);grid-template-columns:1.2fr 1fr;align-items:center;gap:56px;margin-top:80px;padding:56px;display:grid;position:relative;overflow:hidden}.news:before{content:"";background:radial-gradient(60% 80% at 90% 0%, color-mix(in oklab, var(--accent), transparent 70%), transparent 60%);position:absolute;inset:0}.news .left{z-index:1;position:relative}.news .label{font-family:var(--mono);letter-spacing:.2em;color:#f2eee780;color:lab(94.217% .869393 3.70355/.5);text-transform:uppercase;margin-bottom:14px;font-size:11px}.news h2{font-family:var(--display);letter-spacing:-.025em;margin:0 0 14px;font-size:48px;font-weight:400;line-height:1.02}.news h2 em{color:#e69783;color:lab(70.2036% 28.7759 23.4621);font-style:italic}.news p{color:#f2eee7a6;color:lab(94.217% .869393 3.70355/.65);max-width:44ch;margin:0;font-size:15px;line-height:1.6}.news .form{z-index:1;flex-direction:column;gap:12px;display:flex;position:relative}.news .field{background:#372b26b3;background:lab(18.6666% 5.31162 5.08522/.7);border:1px solid #f2eee71a;border:1px solid lab(94.217% .869393 3.70355/.1);border-radius:999px;align-items:center;gap:10px;padding:6px 6px 6px 18px;display:flex}.news .field input{color:var(--paper);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:14px}.news .field input::placeholder{color:#f2eee766;color:lab(94.217% .869393 3.70355/.4)}.news .field button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:999px;height:40px;padding:0 22px;font-size:13.5px;font-weight:600}.news .small{font-family:var(--mono);color:#f2eee766;color:lab(94.217% .869393 3.70355/.4);font-size:11px}.foot-cols{border-top:1px solid var(--line);grid-template-columns:1.4fr repeat(4,1fr);gap:40px;margin-top:80px;padding-top:40px;display:grid}.foot-cols .about h5{font-family:var(--display);letter-spacing:-.01em;margin:0 0 14px;font-size:22px;font-weight:500}.foot-cols .about h5 .dot{color:var(--accent)}.foot-cols .about p{color:var(--ink-3);max-width:32ch;margin:0;font-size:13px;line-height:1.55}.foot-cols h5{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin:0 0 12px;font-size:11px;font-weight:600}.foot-cols ul{margin:0;padding:0;list-style:none}.foot-cols li{color:var(--ink-2);margin-bottom:7px;font-size:13px}.foot-cols li a:hover{color:var(--ink)}.legal{border-top:1px solid var(--line);color:var(--ink-3);justify-content:space-between;align-items:center;margin-top:32px;padding:22px 0;font-size:12px;display:flex}.legal .copy{font-family:var(--mono)}.legal .links{gap:18px;display:flex}.legal .links a:hover{color:var(--ink)}.auth-modal{background:var(--background);border:.5px solid #e5e5e5;border-radius:12px;width:340px;padding:28px 24px}.auth-title{margin-bottom:4px;font-size:18px;font-weight:500}.auth-sub{color:#888;margin-bottom:20px;font-size:13px}.btn-google{cursor:pointer;background:#fff;border:.5px solid #e5e5e5;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:9px 14px;font-size:13px;font-weight:500;display:flex}.btn-google:hover{background:#f5f5f5}.auth-divider{color:#aaa;align-items:center;gap:8px;margin:14px 0;font-size:11px;display:flex}.auth-divider span{background:#e5e5e5;flex:1;height:.5px}.auth-input{border:.5px solid #e5e5e5;border-radius:8px;outline:none;width:100%;margin-bottom:10px;padding:8px 12px;font-size:13px}.auth-input:focus{border-color:#d85a30}.auth-btn-primary{color:#fff;cursor:pointer;background:#d85a30;border:none;border-radius:8px;width:100%;margin-top:4px;padding:9px;font-size:13px;font-weight:500}.auth-btn-primary:hover{background:#993c1d}.auth-footer{color:#888;text-align:center;margin-top:12px;font-size:11px}.auth-footer a{color:#d85a30;cursor:pointer}