:root{--bg:#10100f;--panel:#191918;--ink:#f5f1e8;--muted:#96948e;--line:#30302d;--orange:#ff623c;--lime:#d7ff67;--mono:'DM Mono',monospace;--sans:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}.intro{position:fixed;z-index:20;inset:0;display:grid;place-items:center;background:#f6f2e9;pointer-events:none;animation:introFade 1.05s cubic-bezier(.7,0,.3,1) 1.2s forwards}.intro img{width:min(46vw,380px);height:auto;animation:logoShrink 1.25s cubic-bezier(.7,0,.3,1) .35s forwards}@keyframes introFade{to{visibility:hidden;opacity:0}}@keyframes logoShrink{to{width:56px;transform:translate(calc(-50vw + clamp(50px,6vw + 28px,120px)),calc(-50vh + 39px))}}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,6vw,92px);border-bottom:1px solid #242422;position:sticky;top:0;z-index:10;background:#10100fec;backdrop-filter:blur(16px)}.brand{width:56px;height:56px;display:grid;place-items:center}.brand img{width:100%;height:100%;object-fit:contain}nav{display:flex;align-items:center;gap:35px}nav a,.text-link{font-size:13px;color:#c1beb7;text-decoration:none;transition:color .2s}nav a:hover,.text-link:hover{color:var(--lime)}nav .nav-pill{border:1px solid #484742;border-radius:24px;padding:10px 16px;color:var(--ink)}nav .nav-pill span,.text-link span{color:var(--orange);margin-left:5px}.hero{min-height:620px;padding:114px clamp(22px,11vw,160px) 83px;position:relative;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;overflow:hidden;max-width:1600px;margin:auto}.hero-copy{position:relative;z-index:2}.eyebrow{font:10px var(--mono);letter-spacing:.16em;color:#aaa79f;margin:0 0 24px}.pulse-dot{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin:0 9px 0 0;box-shadow:0 0 12px #d7ff6780}.hero h1{font:500 clamp(54px,7.1vw,96px)/.99 var(--display);letter-spacing:-.07em;margin:0 0 25px}.hero h1 span{color:var(--orange)}.hero-lede{max-width:445px;color:#b0ada5;font-size:16px;line-height:1.75;margin:0}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:0;text-decoration:none;cursor:pointer;font-size:12px;font-weight:700;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--lime);color:#151512;border-radius:3px;padding:16px 19px}.button-primary span{font-size:18px;line-height:10px}.text-link{border-bottom:1px solid #494741;padding:0 0 7px}.hero-foot{display:flex;align-items:center;gap:13px;margin-top:72px;font:9px var(--mono);letter-spacing:.15em;color:#77756f}.signal{height:15px;display:flex;align-items:center;gap:3px}.signal i{width:2px;background:var(--orange);height:7px;animation:signal .8s ease-in-out infinite alternate}.signal i:nth-child(2){height:13px;animation-delay:.3s}.signal i:nth-child(3){height:9px;animation-delay:.1s}.signal i:nth-child(4){height:15px;animation-delay:.5s}.signal i:nth-child(5){height:6px;animation-delay:.2s}@keyframes signal{to{transform:scaleY(.4)}}.hero-art{height:390px;position:relative;display:grid;place-items:center}.art-card{width:min(75%,365px);height:310px;background:#22221f;border:1px solid #3c3a34;padding:19px;position:relative;z-index:1;transform:rotate(4deg);box-shadow:20px 22px 0 #ff623c}.art-top,.art-bottom{display:flex;justify-content:space-between;color:#88867f;font:9px var(--mono);letter-spacing:.1em}.art-bottom{position:absolute;bottom:20px;left:19px;right:19px;color:#d6d0c2}.art-bottom span:last-child{font-size:20px;color:var(--lime)}.equalizer{height:210px;display:flex;align-items:center;justify-content:center;gap:5px}.equalizer i{width:4px;background:var(--orange);height:var(--h);border-radius:1px;opacity:.92;animation:eq var(--d) ease-in-out infinite alternate}.equalizer i:nth-child(3n){background:var(--lime)}@keyframes eq{to{transform:scaleY(.32)}}.orbit{position:absolute;border:1px solid #35332f;border-radius:50%;width:370px;height:370px}.orbit-two{width:450px;height:450px;border-style:dashed;opacity:.5}.art-sticker{position:absolute;z-index:2;top:28px;right:6%;width:81px;height:81px;background:var(--lime);color:#151512;border-radius:50%;display:grid;place-content:center;text-align:center;font:700 15px/.9 var(--display);transform:rotate(11deg)}.art-note{position:absolute;color:var(--orange);font:42px var(--display)}.note-a{left:3%;top:18%}.note-b{right:3%;bottom:13%;color:var(--lime);font-size:30px}.hero-index{position:absolute;bottom:31px;left:clamp(22px,6vw,92px);font:9px var(--mono);letter-spacing:.12em;color:#5d5b56}.hero-index span{color:var(--orange)}.manifesto{border-top:1px solid #282825;border-bottom:1px solid #282825;min-height:109px;display:flex;align-items:center;justify-content:space-between;padding:24px clamp(22px,11vw,160px);gap:20px}.manifesto p{font:500 clamp(16px,2.2vw,23px) var(--display);margin:0;letter-spacing:-.03em}.manifesto span{font:9px var(--mono);color:#88867f;letter-spacing:.12em}.library-section{max-width:1260px;margin:0 auto;padding:120px clamp(22px,6vw,80px) 130px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.section-heading .eyebrow{color:var(--orange);margin-bottom:15px}.section-heading h2,.outro h2{font:500 clamp(40px,5vw,64px)/1.02 var(--display);letter-spacing:-.06em;margin:0}.section-heading h2 em,.outro h2 em{font-style:normal;color:var(--lime)}.section-note{color:#97948c;font-size:13px;line-height:1.8;margin:0 0 4px}.filters{display:flex;gap:10px;align-items:center;margin-bottom:22px}.searchbox,.select-wrap{height:48px;border:1px solid #343430;background:#161615;display:flex;align-items:center;border-radius:3px}.searchbox{flex:1;min-width:200px;padding:0 14px;gap:10px}.searchbox>span{font-size:22px;color:#96938b}.searchbox input{border:0;outline:0;background:transparent;color:var(--ink);width:100%;font-size:12px}.searchbox input::placeholder{color:#77756e}.searchbox kbd{white-space:nowrap;border:1px solid #3d3b36;color:#77756e;border-radius:2px;padding:3px 5px;font:9px var(--mono)}.select-wrap{position:relative;padding:0 14px;min-width:145px}.select-wrap select{appearance:none;border:0;outline:0;background:transparent;color:#c5c2ba;font-size:11px;width:100%;cursor:pointer}.select-wrap select option{background:#191918}.select-wrap b{color:#77756e;font-weight:400;pointer-events:none;margin-left:12px}.result-count{min-width:100px;text-align:right;font:9px var(--mono);letter-spacing:.08em;color:#77756e}.track-list{border-top:1px solid #393835}.track-row{display:grid;grid-template-columns:48px minmax(150px,1.5fr) minmax(120px,1fr) minmax(100px,.8fr) 38px;gap:18px;align-items:center;min-height:78px;border-bottom:1px solid #2b2a27;padding:10px 12px;transition:background .2s;cursor:pointer}.track-row:hover,.track-row.active{background:#1b1b18}.track-num{font:10px var(--mono);color:#696760}.track-cover{width:44px;height:44px;background:#d7ff67;display:grid;place-items:center;overflow:hidden}.track-cover img{width:25px;height:25px;object-fit:contain;filter:invert(1)}.track-name strong{display:block;font:500 15px var(--display);letter-spacing:-.02em}.track-name small,.track-artist,.track-genre{font-size:11px;color:#8d8a82;margin-top:5px}.track-artist,.track-genre{margin:0}.track-genre{justify-self:start;border:1px solid #3b3934;border-radius:20px;padding:7px 10px;font:9px var(--mono);color:#aaa79e}.row-play{height:34px;width:34px;border:1px solid #45433e;background:transparent;color:var(--lime);cursor:pointer;border-radius:50%;transition:all .2s}.track-row:hover .row-play,.track-row.active .row-play{background:var(--lime);color:#151512;border-color:var(--lime)}.loading,.empty-state{padding:60px 10px;text-align:center;color:#89867e;font:11px var(--mono);letter-spacing:.06em}.spinner{display:inline-block;width:12px;height:12px;border:1px solid #62605a;border-top-color:var(--lime);border-radius:50%;vertical-align:-3px;margin-right:10px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.player{margin:0 0 26px;background:#1a1a18;border:1px solid #34332e;padding:23px 25px 18px;animation:playerIn .3s ease-out}@keyframes playerIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.player-head{display:flex;align-items:center;gap:17px;position:relative}.player-art{width:62px;height:62px;background:var(--orange);display:grid;place-items:center;position:relative;overflow:hidden}.player-art img{width:40px;position:relative;z-index:2}.player-art-lines{position:absolute;inset:-20px;background:repeating-radial-gradient(ellipse at 30% 70%,transparent 0 7px,#161615 8px 9px,transparent 10px 14px);opacity:.55}.player-info .eyebrow{color:var(--lime);font-size:9px;margin:0 0 6px}.player-info h3{font:600 18px var(--display);margin:0}.player-info>p:last-child{font-size:11px;color:#aaa79f;margin:4px 0}.icon-button{background:transparent;color:#918e87;border:0;font-size:25px;cursor:pointer}.close-player{margin-left:auto;align-self:flex-start}.player canvas{width:100%;height:100px;display:block;margin:8px 0 4px}.player-controls{display:flex;align-items:center;gap:12px}.play-button{width:36px;height:36px;border:0;border-radius:50%;background:var(--lime);color:#141411;font-size:13px;cursor:pointer}.time{font:9px var(--mono);color:#9a978e;min-width:31px}.player-controls input[type=range]{flex:1;accent-color:var(--orange);height:3px;cursor:pointer}.button-download{background:var(--orange);color:#161513;padding:12px 14px;border-radius:2px;font-size:10px}.button-download span{font-size:16px}.outro{border-top:1px solid #282825;padding:100px 22px;text-align:center;background:radial-gradient(ellipse at 50% 100%,#353026 0%,transparent 60%)}.outro .eyebrow{color:var(--orange);margin-bottom:18px}.outro h2{margin:0 0 27px}.outro .button{margin:auto}footer{border-top:1px solid #282825;padding:24px clamp(22px,6vw,92px);display:flex;align-items:center;gap:25px;color:#77756e;font:9px var(--mono);letter-spacing:.07em}footer>*:last-child{margin-left:auto}.footer-brand{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none}.footer-brand img{width:32px}footer a:not(.footer-brand){color:#aaa79f;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:780px){.hero{grid-template-columns:1fr;padding-top:75px;padding-bottom:55px}.hero-art{height:340px;margin-top:18px}.hero-foot{margin-top:43px}.hero-index{display:none}.manifesto{align-items:flex-start;flex-direction:column;padding-top:25px;padding-bottom:25px}.library-section{padding-top:85px}.section-heading{display:block}.section-note{margin-top:17px}.filters{flex-wrap:wrap}.searchbox{flex-basis:100%}.select-wrap{flex:1}.result-count{flex-basis:100%;text-align:left}.track-row{grid-template-columns:37px minmax(100px,1fr) minmax(82px,.7fr) 35px;gap:9px;padding:10px 5px}.track-cover{width:36px;height:36px}.track-cover img{width:20px;height:20px}.track-genre{display:none}.track-name strong{font-size:13px}.player{padding:17px 14px}.player-controls{gap:8px}.button-download{padding:11px 9px;font-size:9px}.time{min-width:27px}footer{flex-wrap:wrap;gap:15px}footer>*:last-child{margin-left:0}footer>span:nth-of-type(1){display:none}}
@media(max-width:430px){nav{gap:17px}nav a{font-size:11px}.nav-pill{padding:8px 10px!important}.hero h1{font-size:52px}.hero-actions{align-items:flex-start;flex-direction:column;gap:19px}.hero-art{height:290px}.art-card{height:250px}.equalizer{height:160px}.art-sticker{right:2%;top:12px}.section-heading h2{font-size:42px}.track-artist{font-size:10px}.track-row{grid-template-columns:30px minmax(100px,1fr) 32px}.track-cover{display:none}.track-num{padding-left:3px}.player-controls{gap:6px}.player-controls input[type=range]{min-width:30px}.button-download{gap:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.intro{display:none}}
.player-info .usage-note{font:8px var(--mono);letter-spacing:.06em;color:#77756e;margin-top:7px}

/* Retro neon pass */
:root{--bg:#03030a;--panel:#090914;--ink:#f7f5ff;--muted:#aaa8c6;--line:#24213d;--orange:#ff42d0;--lime:#45f3ff;--mono:'DM Mono',monospace;--sans:'DM Sans',sans-serif;--display:'Orbitron','Space Grotesk',sans-serif}
body{background-color:#03030a;background-image:repeating-linear-gradient(180deg,transparent 0 3px,#0002 3px 4px),radial-gradient(ellipse at 14% 18%,#45105c38,transparent 34%),radial-gradient(ellipse at 90% 36%,#042f4936,transparent 36%),linear-gradient(#09071922 1px,transparent 1px),linear-gradient(90deg,#09071922 1px,transparent 1px);background-size:auto,auto,auto,42px 42px,42px 42px;background-position:center,center,center,center,center}
.intro{background:#03030a;background-image:radial-gradient(ellipse at center,#150c2c 0%,#03030a 65%)}
.intro img{filter:drop-shadow(0 0 14px #45f3ff88) drop-shadow(0 0 38px #ff42d066)}
.topbar{background:#03030af2;border-bottom-color:#252044;box-shadow:0 1px 18px #120a2b66}
.brand img,.footer-brand img{filter:drop-shadow(0 0 7px #45f3ff88)}
nav a:hover,.text-link:hover{color:var(--lime);text-shadow:0 0 12px #45f3ffbb}
nav .nav-pill{border-color:#ff42d077;box-shadow:inset 0 0 12px #ff42d012,0 0 12px #ff42d01f}
nav .nav-pill span,.text-link span{color:var(--orange);text-shadow:0 0 10px #ff42d0}
.eyebrow{color:#a9a0cd}
.pulse-dot{box-shadow:0 0 8px var(--lime),0 0 18px #45f3ff99}
.hero h1{font-weight:600;text-shadow:0 0 28px #f7f5ff12}
.hero h1 span{color:#ff42d0;text-shadow:0 0 18px #ff42d077,0 0 38px #ff42d044}
.hero-lede,.section-note{color:#b4b0ca}
.button-primary{background:#45f3ff;color:#050610;box-shadow:0 0 12px #45f3ff77,0 0 34px #45f3ff33}
.button-primary:hover{background:#a1fbff;box-shadow:0 0 18px #45f3ffbb,0 0 44px #45f3ff55}
.text-link{border-color:#ff42d077}
.signal i{background:#ff42d0;box-shadow:0 0 9px #ff42d088}
.art-card{background:#070711;border-color:#45f3ff88;box-shadow:0 0 18px #45f3ff22,18px 20px 0 #ff42d0;transform:rotate(3deg)}
.art-top,.art-bottom{color:#aca6cb}.art-bottom{color:#f7f5ff}
.equalizer i{background:#ff42d0;box-shadow:0 0 9px #ff42d088}.equalizer i:nth-child(3n){background:#45f3ff;box-shadow:0 0 10px #45f3ff99}
.orbit{border-color:#45f3ff30}.orbit-two{border-color:#ff42d036}
.art-sticker{background:#ff42d0;color:#090410;box-shadow:0 0 24px #ff42d066}.art-note{color:#45f3ff;text-shadow:0 0 15px #45f3ff99}.note-b{color:#ff42d0}
.hero-index{color:#777395}.hero-index span{color:#45f3ff}
.manifesto,.outro,footer{border-color:#24213d}.manifesto span{color:#8f8bab}
.section-heading .eyebrow,.outro .eyebrow{color:#45f3ff;text-shadow:0 0 10px #45f3ff66}
.section-heading h2 em,.outro h2 em{color:#ff42d0;text-shadow:0 0 18px #ff42d044}
.searchbox,.select-wrap{background:#070711;border-color:#342c59;box-shadow:inset 0 0 14px #17102b66}
.searchbox:focus-within,.select-wrap:focus-within{border-color:#45f3ff99;box-shadow:0 0 14px #45f3ff22}
.searchbox input::placeholder,.searchbox>span,.select-wrap b{color:#8884a8}.select-wrap select option{background:#090914;color:#f7f5ff}
.track-list{border-color:#4a3470}.track-row{border-color:#211d38}.track-row:hover,.track-row.active{background:#110d20;box-shadow:inset 3px 0 #ff42d0,0 0 20px #ff42d00d}
.track-num{color:#797493}.track-name strong{color:#f6f3ff}.track-name small,.track-artist,.track-genre{color:#aaa5c3}
.track-cover{background:#03030a;border:1px solid #45f3ff88;box-shadow:0 0 12px #45f3ff33}.track-cover img{filter:invert(1) drop-shadow(0 0 6px #45f3ff99)}
.track-genre{border-color:#3d2c61}.row-play{border-color:#ff42d088;color:#45f3ff;box-shadow:0 0 9px #ff42d01c}.track-row:hover .row-play,.track-row.active .row-play{background:#ff42d0;color:#07030b;border-color:#ff42d0;box-shadow:0 0 12px #ff42d088}
.spinner{border-color:#494064;border-top-color:#45f3ff}
.player{background:linear-gradient(135deg,#0a0917,#0d0a1d);border-color:#45f3ff66;box-shadow:0 0 22px #45f3ff19,inset 0 0 26px #16102c}
.player-art{background:#03030a;border:1px solid #ff42d088;box-shadow:0 0 14px #ff42d044}.player-art img{filter:drop-shadow(0 0 8px #45f3ff99)}
.player-art-lines{background:repeating-radial-gradient(ellipse at 30% 70%,transparent 0 7px,#45f3ff33 8px 9px,transparent 10px 14px);opacity:.5}
.player-info .eyebrow{color:#45f3ff}.player-info>p:last-child{color:#b5b0c9}.icon-button{color:#b5b0c9}.icon-button:hover{color:#ff42d0;text-shadow:0 0 10px #ff42d0}
.play-button{background:#45f3ff;color:#050610;box-shadow:0 0 13px #45f3ff66}.player-controls input[type=range]{accent-color:#ff42d0}
.button-download{background:#ff42d0;color:#08040d;box-shadow:0 0 13px #ff42d055}.button-download:hover{background:#ff8de5}
.outro{background:radial-gradient(ellipse at 50% 100%,#241040 0%,#090617 30%,transparent 72%)}
footer{color:#8885a3}.footer-brand{color:#f7f5ff}footer a:not(.footer-brand){color:#b7b1cb}
@media(prefers-reduced-motion:no-preference){.hero-art .art-card{animation:neonFloat 6s ease-in-out infinite alternate}@keyframes neonFloat{to{filter:drop-shadow(0 0 12px #45f3ff22);transform:rotate(1deg) translateY(-5px)}}}
.track-row{grid-template-columns:48px minmax(150px,1.5fr) minmax(100px,.8fr) 38px}
@media(max-width:780px){.track-row{grid-template-columns:37px minmax(100px,1fr) 35px;gap:9px;padding:10px 5px}}
@media(max-width:430px){.track-row{grid-template-columns:30px minmax(100px,1fr) 32px}}