:root{--bg:#0d0a07;--bg-2:#15100b;--card:#1a140d;--card-2:#221a10;--line:#ffb84d21;--text:#f5ead9;--muted:#a4937c;--amber:#ffb84d;--amber-deep:#ff9f1c;--pink:#ff4d8d;--ink:#140b00;--radius:16px;--pad-x:28px;--font-display:var(--font-unbounded), sans-serif;--font-body:var(--font-schibsted), sans-serif;--font-mono:var(--font-space-mono), monospace}*{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scrollbar-gutter:stable;overflow-x:clip}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5;overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(900px 500px at 80% -10%,#ff9f1c21,#0000 65%),radial-gradient(700px 500px at -10% 35%,#ff4d8d12,#0000 60%),radial-gradient(800px 600px at 50% 115%,#ffb84d0f,#0000 60%);position:fixed;inset:0}body:after{content:"";z-index:999;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}::selection{background:var(--amber);color:var(--ink)}:focus-visible{outline:2px solid var(--amber);outline-offset:2px;border-radius:6px}img{display:block}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}::-webkit-scrollbar{width:10px;height:8px}::-webkit-scrollbar-thumb{border:2px solid var(--bg);background:#2a2014;border-radius:99px}::-webkit-scrollbar-track{background:0 0}main{max-width:1200px;padding:20px var(--pad-x) 160px;margin:0 auto}.topbar{z-index:50;-webkit-backdrop-filter:blur(18px)saturate(1.2);border-bottom:1px solid var(--line);background:#0d0a07d9;align-items:center;gap:18px;padding:13px 28px;display:flex;position:sticky;top:0}.logo{font-family:var(--font-display);letter-spacing:-.5px;white-space:nowrap;font-size:21px;font-weight:900}.logo .dot,.topbar-tag .dot{color:var(--amber);animation:2.4s ease-in-out infinite pulse}.topbar-tag{font-family:var(--font-mono);color:var(--muted);letter-spacing:2px;text-transform:uppercase;font-size:12px}.search{background:var(--card);border:1px solid var(--line);max-width:540px;color:var(--muted);border-radius:999px;flex:1;align-items:center;gap:10px;padding:9px 18px;transition:border-color .2s,box-shadow .2s;display:flex}.search:focus-within{border-color:var(--amber);color:var(--amber);box-shadow:0 0 0 3px #ffb84d24}.search input{all:unset;min-width:0;color:var(--text);flex:1;font-size:14px}.search input::placeholder{color:var(--muted)}.search{position:relative}.search-hint{color:var(--muted);pointer-events:none;white-space:nowrap;max-width:calc(100% - 100px);font-size:14px;position:absolute;top:50%;left:45px;overflow:hidden;transform:translateY(-50%)}.type-dots i{font-style:normal;animation:1.2s ease-in-out infinite blinkDot}.type-dots i:nth-child(2){animation-delay:.2s}.type-dots i:nth-child(3){animation-delay:.4s}@keyframes blinkDot{0%,60%,to{opacity:.15}30%{opacity:1}}.search kbd{font-family:var(--font-mono);color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:1px 7px;font-size:11px}.ghost-btn{width:38px;height:38px;color:var(--muted);border-radius:50%;place-items:center;transition:color .15s,background .15s,transform .15s;display:grid}.ghost-btn:hover{color:var(--text);background:#ffb84d1a}.ghost-btn:active{transform:scale(.92)}.ghost-btn.on{color:var(--amber);background:#ffb84d24}.hero{grid-template-columns:1.25fr .75fr;align-items:center;gap:32px;padding:56px 0 36px;display:grid}.hero h1{font-family:var(--font-display);letter-spacing:-2px;margin:14px 0 18px;font-size:clamp(42px,7.5vw,92px);font-weight:900;line-height:.98}.hero .outline{color:#0000;-webkit-text-stroke:2px var(--amber)}.inline-disc{vertical-align:-.07em;border:.045em solid var(--amber);background:radial-gradient(circle, var(--amber-deep), #c96e00);cursor:pointer;border-radius:50%;place-items:center;width:.82em;height:.82em;transition:transform .2s,box-shadow .2s;animation:6s linear infinite paused spin;display:inline-grid;position:relative;overflow:hidden;box-shadow:0 0 #ff9f1c4d}.inline-disc.spinning{animation-play-state:running;box-shadow:0 0 .4em .05em #ff9f1c59}.inline-disc:hover{transform:scale(1.08)}.inline-disc img{object-fit:cover;width:100%;height:100%}.inline-disc:after{content:"";background:var(--bg);border-radius:50%;width:13%;height:13%;margin:auto;position:absolute;inset:0;box-shadow:0 0 0 .02em #ffeac880}.hero .pink{color:var(--pink)}.hero-sub{color:var(--muted);max-width:46ch;margin-bottom:26px;font-size:16.5px}.kicker{font-family:var(--font-mono);letter-spacing:3px;text-transform:uppercase;color:var(--amber);font-size:11.5px}.chips{flex-wrap:wrap;gap:10px;display:flex}.chip{font-family:var(--font-mono);border:1px solid var(--line);color:var(--text);background:#1a140d99;border-radius:999px;padding:9px 18px;font-size:13px;transition:all .18s}.chip:hover{background:var(--amber);border-color:var(--amber);color:var(--ink);transform:translateY(-2px)rotate(-1.5deg);box-shadow:0 10px 24px #ff9f1c40}.chip:nth-child(2n):hover{background:var(--pink);border-color:var(--pink);color:#fff;transform:translateY(-2px)rotate(1.5deg);box-shadow:0 10px 24px #ff4d8d4d}.hero-vinyl{place-items:center;display:grid}.turntable{aspect-ratio:1.12;cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;width:min(380px,100%);display:flex;position:relative}.turntable:active .vinyl{scale:.985}.ta-base{aspect-ratio:1;z-index:2;background:radial-gradient(circle at 35% 30%,#e8e2d7,#8a8478 62%,#57524a);border-radius:50%;width:13%;position:absolute;top:2%;right:4%;box-shadow:0 8px 20px #0000008c,inset 0 1px 2px #ffffff59}.ta-base:after{content:"";background:linear-gradient(#d4cec3,#938d82);border-radius:50%;position:absolute;inset:28%;box-shadow:inset 0 -1px 3px #0006}.ta-arm{transform-origin:top;z-index:3;background:linear-gradient(90deg,#efe9de,#a39d92 55%,#6e695f);border-radius:99px;width:2.4%;height:56%;transition:transform .9s cubic-bezier(.34,1.45,.5,1);position:absolute;top:7%;right:9.2%;transform:rotate(-10deg);box-shadow:4px 6px 14px #00000073}.ta-arm:before{content:"";background:linear-gradient(#d8d2c7,#7d776d);border-radius:4px;width:300%;height:8%;position:absolute;top:-3%;left:50%;transform:translate(-50%);box-shadow:0 3px 8px #0006}.ta-arm:after{content:"";background:linear-gradient(#cfc9be,#8a8478);border-radius:3px;width:340%;height:6.5%;position:absolute;bottom:0;left:50%;transform:translate(-50%,15%);box-shadow:0 4px 10px #00000080}.turntable.playing .ta-arm{transform:rotate(14deg)}.tt-lights{z-index:2;gap:12px;display:flex;position:absolute;top:58%;right:3%}.tt-light{border-radius:50%;width:11px;height:11px;transition:opacity .3s,box-shadow .3s}.tt-light.green{opacity:.22;background:#46d272}.turntable.playing .tt-light.green{opacity:1;animation:2s ease-in-out infinite pulse;box-shadow:0 0 12px #46d272cc}.tt-light.red{opacity:1;background:#ff5d5d;box-shadow:0 0 12px #ff5d5da6}.turntable.playing .tt-light.red{opacity:.22;box-shadow:none}.vinyl{aspect-ratio:1;background:repeating-radial-gradient(circle,#1c150d 0 1.5px,#100c07 1.5px 4px);border-radius:50%;width:80%;animation:16s linear infinite spin;position:relative;box-shadow:0 30px 80px #000000a6,inset 0 0 0 1px #ffb84d1f,0 0 90px #ff9f1c1f}.vinyl.paused{animation-play-state:paused}.vinyl:before{content:"";background:conic-gradient(#0000 0deg,#ffeac814 40deg,#0000 90deg 180deg,#ffeac80d 230deg,#0000 270deg);border-radius:50%;position:absolute;inset:0}.vinyl-label{background:radial-gradient(circle, var(--amber-deep), #c96e00);font-family:var(--font-display);color:var(--ink);text-transform:lowercase;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:clamp(16px,2.4vw,24px);font-weight:900;display:flex;position:absolute;inset:34%}.vinyl-label img{object-fit:cover;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.vinyl-label span{font-family:var(--font-mono);letter-spacing:1.5px;opacity:.75;font-size:8.5px;font-weight:700}.vinyl-label:after{content:"";background:var(--bg);border-radius:50%;width:10px;height:10px;position:absolute}.ticker{border-block:1px solid var(--line);margin:18px calc(-1 * var(--pad-x)) 8px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.ticker-track{white-space:nowrap;width:max-content;font-family:var(--font-display);letter-spacing:3px;color:var(--muted);padding:11px 0;font-size:13px;font-weight:700;animation:30s linear infinite marquee;display:flex}.ticker:hover .ticker-track{animation-play-state:paused}.section{margin-top:44px}.sec-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:4px;display:flex}.sec-head h2{font-family:var(--font-display);letter-spacing:-.5px;margin-top:5px;font-size:23px;font-weight:700}.shelf{scroll-snap-type:x proximity;scrollbar-width:thin;grid-auto-columns:164px;grid-auto-flow:column;gap:18px;padding:16px 6px 10px;display:grid;overflow-x:auto}.shelf>*{scroll-snap-align:start}.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:22px 18px;padding:20px 0;display:grid}.card{cursor:pointer;-webkit-tap-highlight-color:transparent}.card-art{aspect-ratio:1;border-radius:var(--radius);background:var(--card);transition:box-shadow .3s,transform .3s;position:relative;overflow:hidden;box-shadow:0 6px 18px #00000059}.card:hover .card-art{box-shadow:0 16px 36px #0000008c, 0 0 0 1px var(--line);transform:translateY(-4px)}.card-art img{object-fit:cover;width:100%;height:100%;transition:transform .45s cubic-bezier(.2,.7,.3,1)}.card:hover .card-art img{transform:scale(1.08)}.play-fab{background:var(--amber);width:42px;height:42px;color:var(--ink);opacity:0;border-radius:50%;place-items:center;transition:opacity .22s,translate .22s;display:grid;position:absolute;bottom:10px;right:10px;translate:0 10px;box-shadow:0 10px 22px #00000080}.card:hover .play-fab,.card.is-current .play-fab{opacity:1;translate:0}.card-eq{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d0a07b3;border-radius:8px;padding:6px 8px;position:absolute;bottom:12px;left:10px}.card-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:10px;font-size:14px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.card.is-current .card-name{color:var(--amber)}.card-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:12.5px;overflow:hidden}.card.round .card-art,.round-art{border-radius:50%}.card.round{text-align:center}.rows{padding:14px 0}.row{cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px;grid-template-columns:30px 46px 1fr minmax(0,200px) 48px;align-items:center;gap:14px;padding:9px 14px;transition:background .15s;display:grid}.row:hover{background:#ffb84d12}.row.is-current{background:#ffb84d1a}.row-index{font-family:var(--font-mono);color:var(--muted);place-items:center;font-size:13px;display:grid}.row-index .ply{color:var(--amber);display:none}.row:hover .row-index .num{display:none}.row:hover .row-index .ply{display:grid}.row-art{object-fit:cover;border-radius:9px;width:46px;height:46px}.row-main{flex-direction:column;min-width:0;display:flex}.row-name{white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:600;overflow:hidden}.row.is-current .row-name{color:var(--amber)}.row-sub,.row-album{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.row-dur{font-family:var(--font-mono);color:var(--muted);text-align:right;font-size:12px}.eq{align-items:flex-end;gap:2.5px;height:15px;display:inline-flex}.eq span{background:var(--amber);transform-origin:bottom;border-radius:2px;width:3px;height:100%;animation:.8s ease-in-out infinite alternate eqbar}.eq span:first-child{animation-delay:0s}.eq span:nth-child(2){animation-delay:.18s}.eq span:nth-child(3){animation-delay:.32s}.eq span:nth-child(4){animation-delay:.12s}.playerbar{z-index:60;-webkit-backdrop-filter:blur(26px)saturate(1.4);border:1px solid var(--line);background:linear-gradient(160deg,#281e11f5,#110c08f7);border-radius:22px;grid-template-columns:1fr minmax(280px,520px) 1fr;align-items:center;gap:20px;padding:12px 20px;animation:.5s cubic-bezier(.2,.7,.3,1) both riseIn;display:grid;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 26px 70px #000000a6,inset 0 1px #ffdcaa14}.pb-left{align-items:center;gap:14px;min-width:0;display:flex}.pb-art{border:2px solid #ffb84d73;border-radius:50%;flex-shrink:0;width:52px;height:52px;animation:9s linear infinite spin;position:relative;overflow:hidden}.pb-art.paused{animation-play-state:paused}.pb-art img{object-fit:cover;width:100%;height:100%}.pb-art:after{content:"";background:var(--bg);border:2px solid #ffb84d99;border-radius:50%;width:9px;height:9px;margin:auto;position:absolute;inset:0}.pb-meta{min-width:0}.pb-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.pb-artist{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.pb-artist a:hover{color:var(--amber)}.pb-center{flex-direction:column;align-items:center;gap:4px;display:flex}.pb-controls{align-items:center;gap:10px;display:flex}.pb-play{background:var(--amber);width:46px;height:46px;color:var(--ink);border-radius:50%;place-items:center;transition:transform .15s,box-shadow .15s;display:grid;box-shadow:0 8px 22px #ff9f1c4d}.pb-play:hover{transform:scale(1.07);box-shadow:0 10px 28px #ff9f1c73}.pb-play:active{transform:scale(.94)}.pb-seek{align-items:center;gap:10px;width:100%;display:flex}.pb-time{font-family:var(--font-mono);color:var(--muted);text-align:center;min-width:36px;font-size:11px}.pb-right{color:var(--muted);justify-content:flex-end;align-items:center;gap:10px;display:flex}.slider{appearance:none;background:linear-gradient(90deg, var(--amber) var(--p,0%), #ffeac824 var(--p,0%));cursor:pointer;border-radius:99px;flex:1;height:4px}.slider.vol{flex:none;width:86px}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--amber);opacity:0;border-radius:50%;width:12px;height:12px;transition:opacity .15s;box-shadow:0 2px 8px #00000080}.slider:hover::-webkit-slider-thumb{opacity:1}.slider:active::-webkit-slider-thumb{opacity:1}.slider::-moz-range-thumb{background:var(--amber);opacity:0;border:none;border-radius:50%;width:12px;height:12px;transition:opacity .15s}.slider:hover::-moz-range-thumb{opacity:1}.queue-panel{z-index:55;-webkit-backdrop-filter:blur(24px);border:1px solid var(--line);background:linear-gradient(160deg,#241b10f7,#110c08fa);border-radius:20px;flex-direction:column;width:min(350px,100vw - 32px);transition:transform .38s cubic-bezier(.2,.7,.3,1);display:flex;position:fixed;top:76px;bottom:104px;right:16px;transform:translate(calc(100% + 32px));box-shadow:0 26px 70px #0009}.queue-panel.open{transform:translate(0)}.qp-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 18px 12px;display:flex}.qp-head h3{font-family:var(--font-display);margin-top:3px;font-size:16px;font-weight:700}.qp-list{flex:1;padding:10px;overflow-y:auto}.qp-row{cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:8px 10px;transition:background .15s;display:flex}.qp-row:hover{background:#ffb84d12}.qp-row.is-current{background:#ffb84d1f}.qp-row img{object-fit:cover;border-radius:8px;width:40px;height:40px}.qp-main{flex-direction:column;flex:1;min-width:0;display:flex}.qp-name{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.qp-row.is-current .qp-name{color:var(--amber)}.qp-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.qp-dur{font-family:var(--font-mono);color:var(--muted);font-size:11px}.qp-empty{color:var(--muted);text-align:center;padding:40px 20px}.page-hero{align-items:flex-end;gap:30px;padding:44px 0 28px;display:flex}.hero-art{object-fit:cover;width:208px;height:208px;box-shadow:0 26px 60px #0009, 0 0 0 1px var(--line);border-radius:20px;flex-shrink:0}.hero-info{min-width:0}.hero-info h1{font-family:var(--font-display);letter-spacing:-1px;overflow-wrap:break-word;margin:10px 0 8px;font-size:clamp(28px,4.6vw,54px);font-weight:900;line-height:1.05}.hero-meta{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:20px;display:-webkit-box;overflow:hidden}.verified{color:var(--pink)}.btn-amber{background:var(--amber);color:var(--ink);border-radius:999px;align-items:center;gap:9px;padding:12px 26px;font-size:14px;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex;box-shadow:0 10px 26px #ff9f1c47}.btn-amber:hover{background:var(--amber-deep);transform:translateY(-2px);box-shadow:0 14px 32px #ff9f1c66}.btn-more{font-family:var(--font-mono);color:var(--amber);border:1px solid var(--line);border-radius:999px;margin:18px auto;padding:11px 30px;font-size:13px;transition:all .18s;display:block}.btn-more:hover{background:var(--amber);color:var(--ink);border-color:var(--amber)}.page-head{padding:36px 0 8px}.search-q{font-family:var(--font-display);letter-spacing:-1px;overflow-wrap:break-word;margin:8px 0 20px;font-size:clamp(28px,4.5vw,50px);font-weight:900}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px;padding-bottom:18px;display:flex}.tab{font-family:var(--font-mono);text-transform:capitalize;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:8px 18px;font-size:13px;transition:all .16s}.tab:hover{color:var(--text);border-color:var(--amber)}.tab.on{background:var(--amber);border-color:var(--amber);color:var(--ink);font-weight:700}.search-results{min-height:65vh}.empty-state{text-align:center;color:var(--muted);padding:90px 20px}.empty-state h1{font-family:var(--font-display);color:var(--text);margin-bottom:12px;font-size:clamp(30px,5vw,54px);font-weight:900}.empty-state .outline{color:#0000;-webkit-text-stroke:2px var(--amber)}.static-page{max-width:760px}.static-page h1{font-family:var(--font-display);letter-spacing:-1px;margin-top:8px;font-size:clamp(34px,5.5vw,64px);font-weight:900}.static-page .outline{color:#0000;-webkit-text-stroke:2px var(--amber)}.static-page .pink{color:var(--pink)}.prose{color:var(--text);margin-top:18px;font-size:16.5px;line-height:1.75}.prose p{margin-bottom:18px}.prose strong{color:var(--amber)}.prose-kicker{margin:34px 0 10px}.prose .fine{color:var(--muted);font-size:14px}.contact-cards{gap:18px;margin-top:28px;display:grid}.contact-card{border:1px solid var(--line);background:var(--card);border-radius:20px;padding:30px 32px;transition:transform .2s,border-color .2s,box-shadow .2s;display:block}.contact-card:hover{border-color:var(--amber);transform:translateY(-3px);box-shadow:0 18px 44px #00000073,0 0 0 3px #ffb84d1f}.contact-big{font-family:var(--font-display);color:var(--amber);margin:8px 0 6px;font-size:clamp(26px,4vw,40px);font-weight:900}.contact-sub{color:var(--muted)}.footer{border-top:1px solid var(--line);margin-top:90px;padding:36px 0 10px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.footer-tag{font-family:var(--font-mono);letter-spacing:2px;color:var(--muted);margin-top:6px;font-size:11.5px}.footer-nav{font-family:var(--font-mono);gap:26px;font-size:13px;display:flex}.footer-nav a{color:var(--muted);transition:color .15s}.footer-nav a:hover{color:var(--amber)}.footer-credit{color:var(--muted);font-size:13.5px}.footer-credit a{color:var(--amber);border-bottom:1px solid #ffb84d59}.footer-fine{color:var(--muted);opacity:.65;margin-top:26px;font-size:12px}.skel{border-radius:var(--radius);background:linear-gradient(110deg,#1a140d 8%,#251c11 18%,#1a140d 33%) 0 0/200% 100%;animation:1.4s linear infinite shimmer}.skel.card-art{aspect-ratio:1}.skel-line{border-radius:6px;height:13px;margin-top:10px}.skel-row{border-radius:12px;height:60px;margin-bottom:8px}.skel.hero-art{box-shadow:none}.spinner{border:2.5px solid #140b004d;border-top-color:var(--ink);border-radius:50%;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes eqbar{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.65s cubic-bezier(.2,.7,.3,1) both fadeUp}@keyframes riseIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:900px){.hero{grid-template-columns:1fr;padding-top:36px}.hero-vinyl{order:-1}.turntable{width:min(290px,80%)}.row{grid-template-columns:26px 44px 1fr 44px}.row-album,.topbar-tag{display:none}}@media (max-width:760px){:root{--pad-x:18px}main{padding:16px var(--pad-x) 190px}.topbar{gap:10px;padding:11px 16px}.back-btn,.search kbd{display:none}.search-hint{max-width:calc(100% - 64px)}.playerbar{grid-template-columns:1fr auto;grid-template-areas:"left right""center center";gap:8px 14px;padding:12px 14px;bottom:10px;left:10px;right:10px}.pb-left{grid-area:left}.pb-center{grid-area:center}.pb-right{grid-area:right}.slider.vol,.pb-right svg:first-child{display:none}.page-hero{flex-direction:column;align-items:flex-start;gap:20px}.hero-art{width:160px;height:160px}.shelf{grid-auto-columns:138px;gap:14px}}[data-theme=neon]{--bg:#0b0714;--bg-2:#130c20;--card:#181028;--card-2:#201634;--line:#ff4d8d2e;--text:#f2e9ff;--muted:#9d8fbe;--amber:#ff4d8d;--amber-deep:#f02d77;--pink:#9d6bff;--ink:#1c0517}[data-theme=neon] body:before{background:radial-gradient(900px 500px at 80% -10%,#9d6bff29,#0000 65%),radial-gradient(700px 500px at -10% 35%,#ff4d8d1a,#0000 60%),radial-gradient(800px 600px at 50% 115%,#4d8dff14,#0000 60%)}[data-theme=neon] .topbar{background:#0b0714b8}[data-theme=neon] .playerbar{background:#160e26d9}[data-theme=neon] .queue-panel{background:#130c20ed}[data-theme=neon] ::-webkit-scrollbar-thumb{background:#2a1f42}[data-theme=neon] .chip{background:#18102899}[data-theme=neon] .card-eq{background:#0b0714b3}[data-theme=neon] .skel{background:linear-gradient(110deg,#181028 8%,#221739 18%,#181028 33%) 0 0/200% 100%}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=light]{--bg:#faf3e6;--bg-2:#f4e9d6;--card:#fffaf1;--card-2:#f6ecd9;--line:#8c601638;--text:#2c1f0e;--muted:#8a7355;--amber:#e18a00;--amber-deep:#c97500;--pink:#d92d72;--ink:#201300}[data-theme=light] body:before{background:radial-gradient(900px 500px at 80% -10%,#ff9f1c24,#0000 65%),radial-gradient(700px 500px at -10% 35%,#d92d720f,#0000 60%),radial-gradient(800px 600px at 50% 115%,#ffb84d1f,#0000 60%)}[data-theme=light] body:after{opacity:.035}[data-theme=light] ::selection{background:var(--amber);color:#fff8ec}[data-theme=light] .topbar{background:#faf3e6c7}[data-theme=light] .playerbar{background:#fffaf1e0;box-shadow:0 26px 70px #5032002e}[data-theme=light] .queue-panel{background:#fffaf1f2;box-shadow:0 26px 70px #5032002e}[data-theme=light] ::-webkit-scrollbar-thumb{background:#d9c9a8}[data-theme=light] .chip{background:#fffaf1b3}[data-theme=light] .card-art{box-shadow:0 6px 18px #5a3c0a29}[data-theme=light] .card-eq{background:#fffaf1c7}[data-theme=light] .skel{background:linear-gradient(110deg,#f0e4cd 8%,#fbf3e2 18%,#f0e4cd 33%) 0 0/200% 100%}.settings-group{margin-top:38px}.settings-opts{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.settings-hint{color:var(--muted);margin-top:12px;font-size:13.5px}.theme-dot{border-radius:50%;width:9px;height:9px;margin-right:8px;display:inline-block;box-shadow:inset 0 0 0 1px #00000040}.settings-foot{border-top:1px solid var(--line);font-family:var(--font-mono);letter-spacing:1px;color:var(--muted);margin-top:44px;padding-top:22px;font-size:12px}[data-theme=sharaab]{--bg:#140609;--bg-2:#1d0a0f;--card:#241016;--card-2:#2e151d;--line:#ff8fa329;--text:#fae8ec;--muted:#b58e98;--amber:#ff8fa3;--amber-deep:#f76a85;--pink:#e8b86c;--ink:#2a060f}[data-theme=sharaab] body:before{background:radial-gradient(900px 500px at 80% -10%,#f76a8524,#0000 65%),radial-gradient(700px 500px at -10% 35%,#e8b86c14,#0000 60%),radial-gradient(800px 600px at 50% 115%,#ff8fa312,#0000 60%)}[data-theme=sharaab] .topbar{background:#140609d9}[data-theme=sharaab] .playerbar{background:linear-gradient(160deg,#30121af5,#16080cf7)}[data-theme=sharaab] .queue-panel{background:linear-gradient(160deg,#2c1118f7,#16080cfa)}[data-theme=sharaab] ::-webkit-scrollbar-thumb{background:#3c1a23}[data-theme=sharaab] .chip{background:#24101699}[data-theme=sharaab] .card-eq{background:#140609b3}[data-theme=sharaab] .skel{background:linear-gradient(110deg,#241016 8%,#321822 18%,#241016 33%) 0 0/200% 100%}[data-theme=daaku]{--bg:#0c0606;--bg-2:#150909;--card:#1b0d0d;--card-2:#241111;--line:#ff525229;--text:#f7e9e6;--muted:#a98a84;--amber:#ff5252;--amber-deep:#e63a3a;--pink:#ffb84d;--ink:#1d0404}[data-theme=daaku] body:before{background:radial-gradient(900px 500px at 80% -10%,#e63a3a21,#0000 65%),radial-gradient(700px 500px at -10% 35%,#ffb84d0f,#0000 60%),radial-gradient(800px 600px at 50% 115%,#ff525212,#0000 60%)}[data-theme=daaku] .topbar{background:#0c0606d9}[data-theme=daaku] .playerbar{background:linear-gradient(160deg,#281010f5,#100707f7)}[data-theme=daaku] .queue-panel{background:linear-gradient(160deg,#240e0ef7,#100707fa)}[data-theme=daaku] ::-webkit-scrollbar-thumb{background:#341515}[data-theme=daaku] .chip{background:#1b0d0d99}[data-theme=daaku] .card-eq{background:#0c0606b3}[data-theme=daaku] .skel{background:linear-gradient(110deg,#1b0d0d 8%,#2a1313 18%,#1b0d0d 33%) 0 0/200% 100%}[data-theme=mehndi]{--bg:#060f0b;--bg-2:#0b1812;--card:#102018;--card-2:#16291f;--line:#ffd24d24;--text:#eaf5ee;--muted:#8fae9d;--amber:#ffd24d;--amber-deep:#f5bd1f;--pink:#4dd9a0;--ink:#141000}[data-theme=mehndi] body:before{background:radial-gradient(900px 500px at 80% -10%,#f5bd1f1c,#0000 65%),radial-gradient(700px 500px at -10% 35%,#4dd9a012,#0000 60%),radial-gradient(800px 600px at 50% 115%,#ffd24d0f,#0000 60%)}[data-theme=mehndi] .topbar{background:#060f0bd9}[data-theme=mehndi] .playerbar{background:linear-gradient(160deg,#14281ef5,#08120df7)}[data-theme=mehndi] .queue-panel{background:linear-gradient(160deg,#12241bf7,#08120dfa)}[data-theme=mehndi] ::-webkit-scrollbar-thumb{background:#1c3528}[data-theme=mehndi] .chip{background:#10201899}[data-theme=mehndi] .card-eq{background:#060f0bb3}[data-theme=mehndi] .skel{background:linear-gradient(110deg,#102018 8%,#18301f 18%,#102018 33%) 0 0/200% 100%}[data-theme=raat]{--bg:#05080f;--bg-2:#0a101c;--card:#0f1726;--card-2:#152033;--line:#8cb8ff26;--text:#e9f0fa;--muted:#8294b3;--amber:#8cb8ff;--amber-deep:#5e9bff;--pink:#c98cff;--ink:#04101f}[data-theme=raat] body:before{background:radial-gradient(900px 500px at 80% -10%,#5e9bff21,#0000 65%),radial-gradient(700px 500px at -10% 35%,#c98cff14,#0000 60%),radial-gradient(800px 600px at 50% 115%,#8cb8ff0f,#0000 60%)}[data-theme=raat] .topbar{background:#05080fd9}[data-theme=raat] .playerbar{background:linear-gradient(160deg,#121c30f5,#070b14f7)}[data-theme=raat] .queue-panel{background:linear-gradient(160deg,#10192bf7,#070b14fa)}[data-theme=raat] ::-webkit-scrollbar-thumb{background:#1a2740}[data-theme=raat] .chip{background:#0f172699}[data-theme=raat] .card-eq{background:#05080fb3}[data-theme=raat] .skel{background:linear-gradient(110deg,#0f1726 8%,#172339 18%,#0f1726 33%) 0 0/200% 100%}.chip-ai{border-color:var(--amber);color:var(--amber);background:linear-gradient(120deg,#ffb84d1f,#ff4d8d1a);position:relative;overflow:hidden}.chip-ai:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffeac840 50%,#0000 70%);animation:3.2s ease-in-out infinite chipShine;position:absolute;inset:0;transform:translate(-100%)}.chip-ai:hover{background:linear-gradient(120deg, var(--amber), var(--pink));color:var(--ink)}@keyframes chipShine{0%,60%{transform:translate(-100%)}to{transform:translate(100%)}}.footer-mood{border:1px solid var(--line);background:linear-gradient(120deg,#ffb84d12,#ff4d8d0d);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:34px;padding:24px 28px;display:flex}.footer-mood-line{color:var(--muted);margin-top:6px}