:root{--s:1;--ink:#121212;--muted:#6d6a63;--ease:cubic-bezier(.72,0,.18,1);--line:#c9c5bc}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{background:radial-gradient(ellipse 90% 70% at 50% 15%,#f6f5f1,#e7e5df 60%,#dcd9d2);color:var(--ink);font-family:Inter,system-ui,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}body.locked{overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}header{text-align:center;padding:34px 16px 0;position:relative}.topbar{position:absolute;inset:14px 20px auto;display:flex;justify-content:space-between;font:500 10px/1 Inter;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}.kicker{font:600 11px/1 Inter;letter-spacing:.2em;text-transform:uppercase;margin-top:12px}.kicker sup{font-size:7px}h1{font-family:"Instrument Serif",serif;font-weight:400;text-transform:uppercase;font-size:clamp(46px,8vw,100px);line-height:.86;margin-top:10px}.main{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:28px;align-items:end;max-width:1560px;margin:0 auto;padding:26px max(18px,2.5vw) 70px}.left{min-width:0}.stage{overflow-x:auto;overflow-y:hidden;padding-top:30px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.stage::-webkit-scrollbar{display:none}.shelf{display:flex;align-items:stretch;justify-content:center;height:calc(410px*var(--s));perspective:calc(2600px*var(--s));perspective-origin:50% 10%;min-width:max-content;margin:0 auto;padding:0 30px;user-select:none;-webkit-user-select:none}.slot{position:relative;flex:none;cursor:grab;outline:none;touch-action:pan-x;width:calc(var(--t)*var(--s)*1px);margin:0 calc(var(--g,5)*var(--s)*1px);transform-style:preserve-3d;transition:width .75s var(--ease),transform .35s ease,margin .75s var(--ease)}.slot.open{width:calc(var(--w)*var(--s)*1px);margin:0 calc(14px*var(--s))}.slot:not(.open):not(.out):hover,.slot:not(.open):focus-visible{transform:translateY(calc(-12px*var(--s)))}.slot:focus-visible .spine,.slot:focus-visible .cover{outline:2px solid var(--ink);outline-offset:2px}.box{position:absolute;left:50%;bottom:0;width:0;height:calc(var(--h)*var(--s)*1px);transform-style:preserve-3d;transform:translateZ(0) rotateY(0);transition:transform .75s var(--ease)}.slot.open .box{transform:translateZ(calc((var(--w) - var(--t))*var(--s)*.5px)) rotateY(-90deg)}.face{position:absolute;top:0;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;transition:filter .4s,opacity .3s}.slot.dim .face{filter:saturate(.15) opacity(.32)}.slot.lifting .face{opacity:.18}.slot.out{cursor:pointer}.slot.out .face{opacity:0}.slot.out:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:calc(var(--t)*var(--s)*1px);height:calc(var(--h)*var(--s)*1px);border:1.5px dashed rgba(0,0,0,.22);border-bottom:0}.sp{background:var(--cb);color:var(--cf);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:calc(10px*var(--cs)) 0;position:relative;overflow:hidden}.sp:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#ffffff38,#fff0 22%,#0000 70%,#00000038)}.sp .no{font:600 calc(min(var(--t)*.32,11)*var(--cs)*1px)/1 Inter;letter-spacing:.04em;opacity:.8}.sp .st{writing-mode:vertical-rl;font-family:Oswald,sans-serif;font-weight:500;text-transform:uppercase;font-size:calc(min(var(--t)*.5,19)*var(--cs)*1px);letter-spacing:.12em;white-space:nowrap;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.sp.wide .st{letter-spacing:.32em;font-weight:600}.sp .mk{width:calc(min(var(--t)*.36,12)*var(--cs)*1px);aspect-ratio:1;border-radius:50%;border:1.5px solid currentColor;opacity:.85}.sp .mk.soon{border-style:dashed}.sp .mk.out{background:currentColor}.cv{background-color:var(--cb);color:var(--cf);display:flex;flex-direction:column;padding:calc(18px*var(--cs));position:relative;overflow:hidden;background-size:cover;background-position:center}.cv:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 3px),radial-gradient(ellipse at 20% 0%,rgba(255,255,255,.35),transparent 60%)}.cv:after{content:"";position:absolute;inset:0 auto 0 0;width:calc(10px*var(--cs));background:linear-gradient(90deg,#00000047,#0000);pointer-events:none}.cv.full{color:#fff}.c-top,.c-bot{display:flex;justify-content:space-between;gap:8px;font:600 calc(9px*var(--cs))/1.2 Inter;letter-spacing:.16em;text-transform:uppercase;position:relative}.c-top span,.c-bot span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-title{font-family:"Instrument Serif",serif;text-transform:uppercase;font-size:calc(34px*var(--cs));line-height:.9;margin-top:calc(16px*var(--cs));position:relative;overflow-wrap:anywhere}.c-sub{font:500 calc(10px*var(--cs))/1.3 Inter;letter-spacing:.1em;text-transform:uppercase;opacity:.75;margin-top:calc(8px*var(--cs));position:relative}.c-art{flex:1;display:flex;align-items:center;justify-content:center;position:relative;min-height:0;padding:calc(8px*var(--cs)) 0}.c-art svg{width:78%;height:auto;max-height:100%}.c-art img{max-width:88%;max-height:100%;object-fit:cover;border-radius:calc(3px*var(--cs));box-shadow:0 6px 18px #00000040}[hidden]{display:none!important}.face.cv,.face.sp{position:absolute}.cover{--cs:var(--s);width:calc(var(--w)*var(--s)*1px);left:calc(var(--w)*var(--s)*-.5px);transform:rotateY(90deg) translateZ(calc(var(--t)*var(--s)*.5px))}.spine{--cs:var(--s);width:calc(var(--t)*var(--s)*1px);left:calc(var(--t)*var(--s)*-.5px);transform:translateZ(calc(var(--w)*var(--s)*.5px))}.c-play{position:absolute;right:calc(14px*var(--s));bottom:calc(34px*var(--s));font:600 calc(9px*var(--s))/1 Inter;letter-spacing:.14em;text-transform:uppercase;padding:calc(7px*var(--s)) calc(10px*var(--s));border-radius:99px;background:var(--cf);color:var(--cb);opacity:.92;z-index:2}.cv.full .c-play{background:#fff;color:#111}.back{width:calc(var(--w)*var(--s)*1px);left:calc(var(--w)*var(--s)*-.5px);transform:rotateY(-90deg) translateZ(calc(var(--t)*var(--s)*.5px));background:var(--cb);filter:brightness(.8)}.pages{width:calc(var(--t)*var(--s)*1px);left:calc(var(--t)*var(--s)*-.5px);transform:rotateY(180deg) translateZ(calc(var(--w)*var(--s)*.5px));background:repeating-linear-gradient(90deg,#efebe0 0,#efebe0 2px,#d9d4c6 2px,#d9d4c6 3px)}.top{width:calc(var(--t)*var(--s)*1px);left:calc(var(--t)*var(--s)*-.5px);height:calc(var(--w)*var(--s)*1px);top:calc((var(--h) - var(--w))*var(--s)*.5px);transform:rotateX(90deg) translateZ(calc(var(--h)*var(--s)*.5px));background:var(--cb);filter:brightness(1.12)}.ledge{height:calc(12px*var(--s));background:linear-gradient(#cfcbc2,#bdb8ad);box-shadow:0 18px 30px -12px #00000047}.shelf-bar{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin-top:20px}.shelf-hint{font:500 11px/1.5 Inter;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-right:6px;text-align:center}.rig{position:relative;touch-action:none}.tv{background:linear-gradient(#1c1c1c,#111);border-radius:22px;padding:14px 14px 8px;box-shadow:0 34px 50px -24px #0000008c,inset 0 1px #ffffff14;transition:box-shadow .25s}.screen{position:relative;aspect-ratio:4/3;border-radius:16px/14px;background:#05070c;overflow:hidden;color:#eee;isolation:isolate}.scan{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;border-radius:inherit;background:repeating-linear-gradient(0deg,rgba(0,0,0,.2) 0 1px,transparent 1px 3px),radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%);box-shadow:inset 0 0 30px #0009}.idle{position:absolute;top:0;right:0;bottom:0;left:0;background:#1428a8}.bounce{position:absolute;left:0;top:0;font:400 22px/1 Share Tech Mono,monospace;letter-spacing:.12em;color:#fff;padding:6px 10px;border:2px solid currentColor;border-radius:50%/60%;white-space:nowrap}.rig.hot .dropcue{opacity:1}@keyframes nudge{50%{transform:translateY(6px)}}.play{position:absolute;top:0;right:0;bottom:0;left:0;display:none}.screen.on .play{display:block;animation:crtOn .55s ease-out both}.screen.off .play{display:block;animation:crtOff .4s ease-in both}.screen.on .idle,.screen.off .idle{display:none}@keyframes crtOn{0%{transform:scaleY(.006);filter:brightness(5)}45%{transform:scaleY(.006);filter:brightness(4)}75%{transform:scaleY(1.02);filter:brightness(1.6)}to{transform:none;filter:none}}@keyframes crtOff{0%{transform:none;filter:none}55%{transform:scaleY(.006);filter:brightness(4)}to{transform:scale(0,.006);filter:brightness(6)}}.ident{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--pb);color:var(--pf);background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px 20px 40px}.ident svg{width:30%;height:auto}.ident img.art{max-width:44%;max-height:42%;border-radius:4px;box-shadow:0 8px 20px #00000059}.ident .it{font-family:"Instrument Serif",serif;font-size:28px;text-transform:uppercase;text-align:center;line-height:.95;overflow-wrap:anywhere}.ident.full{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.6)}.tv-btn{position:relative;z-index:7;margin-top:6px;font:400 12px/1 Share Tech Mono,monospace;letter-spacing:.12em;padding:8px 12px;border-radius:4px;border:1px solid currentColor;background:#00000040;color:inherit;cursor:pointer;text-shadow:none}.tv-btn:hover{background:#00000073}.osd{position:absolute;left:0;right:0;bottom:0;z-index:4;display:flex;justify-content:space-between;padding:8px 14px;font:400 11px/1 Share Tech Mono,monospace;letter-spacing:.1em;color:#c6f36a;background:linear-gradient(transparent,#000000a6)}.tv-chin{display:flex;justify-content:space-between;align-items:center;padding:8px 6px 0;font:600 9px/1 Inter;letter-spacing:.3em;color:#777}.led{width:6px;height:6px;border-radius:50%;background:#ff3b30;box-shadow:0 0 6px #ff3b30;transition:background .3s,box-shadow .3s}.led.on{background:#4cff8a;box-shadow:0 0 8px #4cff8a}.deck{margin:16px 6px 0;height:64px;border-radius:9px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:0 14px;background:linear-gradient(#2d2d2d,#151515);box-shadow:0 22px 30px -16px #0009,inset 0 1px #ffffff1a}.tray{position:relative;height:30px;display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0}.mouth{height:9px;border-radius:3px;background:#050505;box-shadow:inset 0 2px 3px #000,0 1px #ffffff14;transition:box-shadow .2s}.rig.hot .mouth{box-shadow:inset 0 2px 3px #000,0 0 0 1.5px #c6f36a,0 0 18px #c6f36a}.brand{font:600 8px/1 Inter;letter-spacing:.3em;color:#8a8a8a;white-space:nowrap}.vfd{font:400 14px/1 Share Tech Mono,monospace;color:#7fe3ff;text-shadow:0 0 6px #3cc8ff;background:#030608;padding:8px 10px;border-radius:4px;min-width:118px;text-align:center;white-space:nowrap}.eject{width:34px;height:34px;border-radius:50%;border:0;cursor:pointer;color:#ddd;font-size:14px;background:linear-gradient(#444,#262626);box-shadow:inset 0 1px #ffffff26,0 2px 4px #00000080}.eject:active{transform:translateY(1px)}.rig.hot .tv{box-shadow:0 34px 50px -24px #0000008c,0 0 0 2px #c6f36a}.ghost{position:fixed;left:0;top:0;width:128px;height:176px;z-index:60;pointer-events:none;will-change:transform}.g-disc{position:absolute;top:10px;left:34px;width:156px;height:156px;border-radius:50%;background:radial-gradient(circle,#e8e8e8 0 9%,#999 9.5% 11%,transparent 11.5%),conic-gradient(from 30deg,#d9d9d9,#f6f6f6,#b5d6ff,#f7c6ff,#e0e0e0,#fff3b5,#c8f0ff,#d9d9d9);box-shadow:0 8px 20px #00000040;transition:transform .35s var(--ease)}.g-disc:after{content:"";position:absolute;top:39%;right:39%;bottom:39%;left:39%;border-radius:50%;background:#efefef;box-shadow:inset 0 0 0 2px #0000001f}.ghost.peek .g-disc{transform:translate(34px) rotate(40deg)}.ghost .cv{--cs:.44;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:3px;box-shadow:0 26px 40px -10px #00000073}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:18px}.modal[hidden]{display:none}.backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#12100c8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fade .25s both}@keyframes fade{0%{opacity:0}}@keyframes popIn{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}.win{position:relative;width:100%;max-height:calc(100vh - 36px);overflow:auto;border-radius:16px;animation:popIn .35s var(--ease) both}.bar{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font:400 12px/1 Share Tech Mono,monospace;letter-spacing:.14em}.x{width:30px;height:30px;border-radius:50%;border:0;cursor:pointer;background:#ffffff1a;font-size:13px}.btn{display:inline-flex;align-items:center;gap:6px;font:500 13px/1 Inter;padding:11px 16px;border-radius:99px;border:1px solid rgba(255,255,255,.25);background:transparent;cursor:pointer;text-decoration:none;color:inherit;white-space:nowrap}.btn:hover{background:#ffffff14}.btn.primary{background:var(--pb,#121212);color:var(--pf,#fff);border-color:transparent;font-weight:600}.btn.primary:hover{filter:brightness(1.1)}.pop{max-width:760px;background:#0c0d11;color:#f2f2f2;box-shadow:0 40px 80px -20px #000000b3,0 0 0 1px #ffffff14}.pop .bar{background:#0c0d11;color:#c6f36a;border-bottom:1px solid rgba(255,255,255,.08)}.pop .x{color:#fff}.pop-body{display:grid;grid-template-columns:240px 1fr;gap:26px;padding:24px;background:linear-gradient(160deg,color-mix(in srgb,var(--pb) 35%,#0c0d11),#0c0d11 70%)}.pop-cover .cv{--cs:.8;width:calc(var(--w)*.8px);height:calc(var(--h)*.8px);max-width:100%;border-radius:3px;box-shadow:0 20px 40px -12px #0009}.pop-meta{font:500 11px/1.4 Inter;letter-spacing:.12em;text-transform:uppercase;color:#fff9}.pop h2{font-family:"Instrument Serif",serif;font-weight:400;font-size:clamp(32px,5vw,46px);line-height:.95;text-transform:uppercase;margin-top:8px;overflow-wrap:anywhere}.pop-desc{font-size:15px;line-height:1.6;color:#ffffffe0;margin-top:14px;white-space:pre-line}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.chips span{font:500 11px/1 Inter;padding:7px 10px;border-radius:99px;background:#ffffff1a}.pop-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;align-items:center}.nolink{font-size:13px;color:#ffffff8c}.pop-url{font:400 12px/1.4 Share Tech Mono,monospace;color:#ffffff73;margin-top:10px;overflow-wrap:anywhere}@media(max-width:1060px){.main{grid-template-columns:1fr;gap:40px}.rig{width:100%;max-width:440px;margin:0 auto}}@media(max-width:820px){.pop-body{grid-template-columns:1fr;gap:18px}.pop-cover{display:flex;justify-content:center}.pop-cover .cv{--cs:.6;width:calc(var(--w)*.6px);height:calc(var(--h)*.6px)}}@media(max-width:620px){.topbar span:last-child{display:none}}@media(prefers-reduced-motion:reduce){.slot,.box{transition:none!important}.screen.on .play,.screen.off .play{animation-duration:.01s}.win{animation:none}}.shelf-msg{align-self:center;font:500 12px/1.6 Inter;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-align:center;padding:0 24px}#root{min-height:100%}