:root{font-family:'DM Sans',sans-serif;color:#f6f2ea;background:#0e0e10;--bg:#0e0e10;--panel:#17171b;--panel2:#202025;--text:#f6f2ea;--muted:#a6a4aa;--line:#37363b;--accent:#e5fd5a;--accent2:#c3da38;--hero:#171717;--black:#0d0e10}html[data-palette="blue"]{--bg:#0a1426;--panel:#11213b;--panel2:#182d4e;--text:#f4f7ff;--muted:#aabbd4;--line:#385174;--accent:#78dfff;--accent2:#40badd;--hero:#102442;--black:#071321}html[data-palette="white"]{--bg:#f1efe9;--panel:#fffefa;--panel2:#e8e5de;--text:#171b20;--muted:#696c71;--line:#d0d0ca;--accent:#df4d2c;--accent2:#bd391d;--hero:#e9e5dd;--black:#13181e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.skip-link{position:absolute;top:-100px;left:12px;background:var(--accent);color:var(--black);padding:12px;z-index:50}.skip-link:focus{top:12px}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,88px);border-bottom:1px solid var(--line);background:var(--bg);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:14px}.brand-mark{width:48px;height:48px;display:grid;place-items:center;background:var(--accent);color:var(--black);font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:19px;letter-spacing:-3px;transform:rotate(-7deg);position:relative}.brand-mark span{position:absolute;font-size:11px;top:1px;right:3px;letter-spacing:0}.brand-name{font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:.02em;font-size:20px;line-height:1}.brand-name small{display:block;font:700 10px 'DM Sans',sans-serif;letter-spacing:.28em;color:var(--muted);margin-top:7px}.site-header nav{display:flex;align-items:center;gap:34px;font-weight:700;font-size:13px}.site-header nav a:not(.book-link):hover{color:var(--accent)}.book-link{border:1px solid var(--line);padding:14px 18px}.book-link span{color:var(--accent);margin-left:12px}.book-link:hover{border-color:var(--accent)}.hero{max-width:1600px;min-height:620px;margin:auto;padding:70px clamp(22px,5vw,88px) 78px;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;overflow:hidden}.eyebrow{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.22em;margin:0 0 24px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 15%,transparent);margin-right:12px}.hero h1,.about-strip h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(58px,7vw,112px);line-height:.98;letter-spacing:-.07em;margin:0;font-weight:700}.hero h1 em,.about-strip h2 em{font-style:normal;color:var(--accent)}.hero-lede{color:var(--muted);font-size:18px;line-height:1.65;max-width:520px;margin:28px 0 32px}.hero-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.primary-button{background:var(--accent);color:var(--black);font-weight:800;display:inline-flex;align-items:center;gap:42px;padding:18px 22px}.primary-button:hover{background:var(--accent2)}.primary-button span{font-size:22px;line-height:15px}.mix-count{font-size:12px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.12em}.hero-visual{height:480px;position:relative;display:grid;place-items:center}.hero-visual:before{content:"";position:absolute;width:450px;height:450px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 12%,transparent),transparent 68%)}.hero-orbit{position:absolute;border:1px solid var(--line);border-radius:50%;width:470px;height:470px}.orbit-two{width:555px;height:555px;opacity:.42}.hero-record,.vinyl{width:min(36vw,400px);aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle at center,#131415 0,#131415 4px,#1b1d1e 5px,#121314 6px,#121314 9px);box-shadow:0 26px 50px #0009,inset 0 0 0 4px #222,inset 0 0 0 16px #101112;display:grid;place-items:center;position:relative}.hero-record:after,.vinyl:after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 40deg,transparent 0deg,#ffffff1b 20deg,transparent 54deg,transparent 190deg,#ffffff12 215deg,transparent 255deg);pointer-events:none}.hero-record-label,.vinyl-label{width:38%;aspect-ratio:1;border-radius:50%;background:var(--accent);color:var(--black);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.hero-record-label:after,.vinyl-label:after{content:"";width:8px;height:8px;border-radius:50%;background:#111;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-record-label span{font-size:8px;font-weight:800;letter-spacing:.18em}.hero-record-label strong{font:700 25px/.9 'Space Grotesk',sans-serif;letter-spacing:-.06em;margin:11px 0}.hero-stamp{position:absolute;right:3%;bottom:8%;font-size:11px;font-weight:800;letter-spacing:.15em;line-height:1.6;transform:rotate(9deg)}.hero-stamp span{font-size:19px;color:var(--accent)}.vault{background:var(--panel);padding:96px clamp(22px,5vw,88px) 120px}.section-heading{max-width:1450px;margin:0 auto 44px;display:flex;justify-content:space-between;gap:32px;align-items:end}.section-heading h2{font:700 clamp(42px,5vw,70px)/1 'Space Grotesk',sans-serif;letter-spacing:-.06em;margin:0}.section-heading .accent{color:var(--accent)}.section-heading>p{max-width:340px;margin:0 0 4px;color:var(--muted);font-size:14px;line-height:1.6}.vault-layout{max-width:1450px;margin:auto;display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:40px;align-items:start}.deck-panel{position:sticky;top:24px;border:1px solid var(--line);background:var(--bg);padding:22px;box-shadow:0 22px 55px #0003}.deck-top{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:.15em;font-weight:800}.deck-indicator{color:var(--accent)}.deck-indicator i{display:inline-block;background:var(--accent);width:6px;height:6px;border-radius:50%;margin-right:7px}.turntable{height:340px;background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line);margin:18px 0 22px;display:grid;place-items:center;position:relative;overflow:hidden}.platter{width:min(72%,270px);aspect-ratio:1;border-radius:50%;background:#17191c;box-shadow:0 0 0 10px #272a2e,0 0 0 13px #101113,0 17px 26px #0009;display:grid;place-items:center;position:relative;left:-9px}.platter .vinyl{width:100%;box-shadow:none}.vinyl-label{background:var(--accent)}.vinyl-label img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.vinyl-label img[hidden]{display:none}.vinyl-label span{font:700 29px 'Space Grotesk',sans-serif;letter-spacing:-.12em}.tonearm{position:absolute;width:8px;height:205px;background:linear-gradient(90deg,#aeb4b9,#555e65,#dae0e2);right:38px;top:28px;transform-origin:50% 9px;transform:rotate(-25deg);border-radius:8px;box-shadow:2px 3px 5px #0009;transition:transform .5s;z-index:2}.tonearm:before{content:"";position:absolute;top:-8px;left:-12px;width:32px;height:32px;border-radius:50%;background:radial-gradient(circle,#777,#1b1d1e 55%,#999 58%,#222 69%)}.tonearm-head{position:absolute;bottom:-3px;left:-4px;width:16px;height:31px;background:linear-gradient(90deg,#1d1d1d,#777);transform:rotate(16deg)}.deck-knob{position:absolute;width:18px;height:18px;bottom:20px;right:23px;border-radius:50%;background:#c5c8c9;box-shadow:inset 0 0 0 4px #41474a,0 3px 7px #0008}.deck-panel.is-playing .vinyl{animation:spin 2.4s linear infinite}.deck-panel.is-playing .tonearm{transform:rotate(-46deg)}@keyframes spin{to{transform:rotate(360deg)}}.player-info{min-height:100px}.player-info p{font-size:10px;letter-spacing:.16em;color:var(--accent);font-weight:800;margin:0 0 9px}.player-info h3{font:700 23px/1.2 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:0 0 7px}.player-info span{color:var(--muted);font-size:12px}.progress{display:flex;gap:9px;align-items:center;font-size:11px;color:var(--muted);margin:18px 0}.progress input{width:100%;accent-color:var(--accent);height:4px;cursor:pointer}.player-controls{display:flex;justify-content:center;align-items:center;gap:34px}.player-controls button{border:0;background:none;color:var(--text);font-size:20px}.player-controls .play-main{width:58px;height:58px;border-radius:50%;background:var(--accent);color:var(--black);font-size:21px;padding-left:4px}.player-controls .play-main:hover{background:var(--accent2)}.player-download{margin-top:18px;border-top:1px solid var(--line);padding-top:17px;display:flex;justify-content:space-between;font-size:12px;font-weight:700}.player-download[hidden]{display:none}.player-download span{font-size:19px;color:var(--accent)}.category-tabs{display:flex;gap:8px;overflow:auto;border-bottom:1px solid var(--line);padding-bottom:14px;scrollbar-width:thin}.category-tabs button{flex:none;background:transparent;border:1px solid transparent;color:var(--muted);padding:11px 14px;white-space:nowrap;font-size:12px;font-weight:800}.category-tabs button.active{color:var(--black);background:var(--accent)}.category-tabs button:not(.active):hover{border-color:var(--line);color:var(--text)}.category-tabs span{opacity:.62;margin-left:4px}.library-tools{display:flex;gap:14px;justify-content:space-between;margin:22px 0 18px}.search-box{flex:1;border:1px solid var(--line);display:flex;align-items:center;padding:0 14px;max-width:330px;color:var(--muted)}.search-box span{font-size:24px;line-height:1}.search-box input{border:0;outline:none;background:none;color:var(--text);padding:12px 8px;min-width:0;width:100%;font-size:13px}.search-box input::placeholder{color:var(--muted)}.sort-box{display:flex;align-items:center;gap:10px;white-space:nowrap;color:var(--muted);font-size:12px}.sort-box select{background:var(--panel2);border:1px solid var(--line);color:var(--text);padding:10px;max-width:230px;font-size:12px}.result-count{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:800}.mix-list{display:grid;gap:10px}.mix-card{display:grid;grid-template-columns:76px minmax(0,1fr) 42px 42px;gap:16px;align-items:center;background:var(--bg);border:1px solid var(--line);padding:11px;min-width:0;transition:border-color .2s,transform .2s}.mix-card:hover,.mix-card.is-current{border-color:var(--accent);transform:translateX(3px)}.mix-card[hidden]{display:none}.card-art{width:76px;height:76px;position:relative;overflow:hidden;background:radial-gradient(circle at 55% 45%,var(--accent) 0 11%,#111 12% 15%,#2d3032 16% 20%,#101113 21% 42%,#292b2d 43% 45%,#17191a 46%);display:grid;place-items:end start}.card-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.card-art img[hidden]{display:none}.card-art span{position:relative;font-size:10px;font-weight:800;color:#fff;background:#131313a9;padding:3px 5px}.card-copy{min-width:0}.card-copy p{font-size:9px;letter-spacing:.12em;color:var(--accent);font-weight:800;margin:0 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-copy p b{color:var(--muted);margin:0 5px}.card-copy h3{font:700 16px/1.2 'Space Grotesk',sans-serif;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-copy small{color:var(--muted);font-size:11px}.card-play,.card-download{border:1px solid var(--line);background:transparent;color:var(--text);width:38px;height:38px;display:grid;place-items:center;font-size:14px}.card-download{font-size:22px}.card-play:hover,.card-download:hover{background:var(--accent);color:var(--black);border-color:var(--accent)}.no-results,.setup-note{padding:24px;border:1px solid var(--line);color:var(--muted)}.no-results[hidden]{display:none}.about-strip{padding:100px clamp(22px,5vw,88px);display:grid;grid-template-columns:1fr 1fr;gap:50px;max-width:1600px;margin:auto}.about-strip h2{font-size:clamp(38px,4.3vw,64px)}.about-strip>div:last-child{padding-top:35px;max-width:480px}.about-strip>div:last-child p{font-size:18px;line-height:1.7;color:var(--muted)}.about-strip a{display:inline-flex;border-bottom:1px solid var(--accent);padding-bottom:8px;margin-top:16px;font-weight:800}.about-strip a span{color:var(--accent);margin-left:25px}.site-footer{border-top:1px solid var(--line);padding:30px clamp(22px,5vw,88px);display:flex;justify-content:space-between;gap:30px;font-size:12px;color:var(--muted)}.site-footer div{display:flex;flex-direction:column;gap:8px}.site-footer strong{color:var(--text);font-family:'Space Grotesk',sans-serif;letter-spacing:.1em}.site-footer a{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px}.standard-page{max-width:1000px;margin:80px auto;min-height:60vh;padding:0 24px}.standard-page h1{font:700 clamp(45px,5vw,72px) 'Space Grotesk',sans-serif}.standard-page a{color:var(--accent)}@media(max-width:1000px){.vault-layout{grid-template-columns:340px minmax(0,1fr);gap:22px}.hero{min-height:520px}.hero-visual{height:390px}.hero-orbit{width:340px;height:340px}.orbit-two{width:420px;height:420px}.tonearm{right:30px}}@media(max-width:760px){.site-header{height:72px}.site-header nav{gap:12px}.site-header nav a:not(.book-link){display:none}.book-link{padding:10px;font-size:11px}.book-link span{margin-left:3px}.hero{grid-template-columns:1fr;padding-top:55px;gap:12px}.hero-visual{height:360px;order:-1}.hero-record{width:270px}.hero-orbit{width:310px;height:310px}.orbit-two{width:365px;height:365px}.hero h1{font-size:clamp(55px,10vw,83px)}.vault{padding-top:70px}.section-heading{display:block}.section-heading>p{margin-top:18px}.vault-layout{display:flex;flex-direction:column}.deck-panel{position:relative;top:auto;width:100%;max-width:460px;margin:0 auto 20px}.library{width:100%}.about-strip{grid-template-columns:1fr;gap:5px}.about-strip>div:last-child{padding-top:0}.site-footer{flex-direction:column}}@media(max-width:520px){.brand-name{font-size:15px}.brand-name small{font-size:8px}.brand-mark{width:40px;height:40px;font-size:16px}.hero-visual{height:315px}.hero-record{width:240px}.hero-orbit{width:275px;height:275px}.orbit-two{width:320px;height:320px}.hero-stamp{right:0;bottom:4%}.hero-lede{font-size:16px}.library-tools{flex-direction:column}.search-box{max-width:none}.sort-box{justify-content:space-between}.sort-box select{max-width:70%}.mix-card{grid-template-columns:60px minmax(0,1fr) 34px 34px;gap:8px;padding:7px}.card-art{width:60px;height:60px}.card-copy h3{font-size:14px}.card-copy p{font-size:8px}.card-copy small{font-size:9px}.card-play,.card-download{width:32px;height:32px}.turntable{height:300px}.platter{width:220px}.tonearm{right:30px;height:180px}.section-heading h2{font-size:44px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.deck-panel.is-playing .vinyl{animation:none}.tonearm,.mix-card{transition:none}}
:root{color-scheme:dark}
html[data-palette="white"]{color-scheme:light}
.nav-share,.hero-share{background:none;border:0;color:var(--text);font-size:13px;font-weight:700;padding:8px 0}
.nav-share:hover,.hero-share:hover{color:var(--accent)}
.hero-share{border-bottom:1px solid var(--accent)}
.player-actions{display:flex;justify-content:space-between;gap:14px;border-top:1px solid var(--line);margin-top:18px}
.player-actions .player-download{border-top:0;margin:0}
#player-share{background:none;border:0;color:var(--text);font-size:12px;font-weight:700;padding:17px 0 0;white-space:nowrap}
#player-share:hover{color:var(--accent)}
#player-share[hidden]{display:none}
.mix-card{grid-template-columns:76px minmax(0,1fr) 42px 42px 42px}
.card-share{border:1px solid var(--line);background:transparent;color:var(--text);width:38px;height:38px;display:grid;place-items:center;font-size:20px}
.card-share:hover{background:var(--accent);color:var(--black);border-color:var(--accent)}
.share-toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 18px;background:var(--accent);color:var(--black);font-size:13px;font-weight:800;z-index:99;box-shadow:0 10px 25px #0006}
.share-toast[hidden]{display:none}
@media(max-width:760px){.site-header .nav-share{display:none}}
@media(max-width:520px){.mix-card{grid-template-columns:54px minmax(0,1fr) 31px 31px 31px;gap:6px}.card-art{width:54px;height:54px}.card-play,.card-share,.card-download{width:30px;height:30px}.card-share{font-size:17px}.hero-share{font-size:12px}}