*,:before,:after{box-sizing:border-box}:root{--store-bg:#0d0a11;--paper:#0d0a11;--ink:#ece4d8;--accent:#d9a441;--dim:color-mix(in srgb, var(--ink) 55%, transparent);--hair:color-mix(in srgb, var(--ink) 22%, transparent);--ease:cubic-bezier(.22, .61, .36, 1);--pad:clamp(16px, 3.2vw, 40px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace}html,body{background:var(--paper);height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;transition:background-color .9s var(--ease), color .9s var(--ease);margin:0;padding:0;overflow:hidden}body{overscroll-behavior:none}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.stage{position:fixed;inset:0}.stage canvas{image-rendering:pixelated;touch-action:none;display:block}.crt{pointer-events:none;z-index:2;opacity:.5;mix-blend-mode:multiply;transition:opacity .7s var(--ease);background:repeating-linear-gradient(#00000029 0 1px,#ffffff04 1px 3px);position:fixed;inset:0}.vignette{pointer-events:none;z-index:2;transition:opacity .9s var(--ease);background:radial-gradient(#0000 42%,#0000008c 100%);position:fixed;inset:0}.is-detail .vignette{opacity:.25}.is-detail .crt{opacity:.28}.chrome{z-index:6;pointer-events:none;padding:var(--pad);flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:0}.chrome>*{pointer-events:auto}.topbar{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.wordmark{text-align:left;letter-spacing:.04em;line-height:1.25;display:block}.wordmark strong{text-transform:uppercase;font-size:13px;font-weight:700;display:block}.wordmark span{color:var(--dim);font-size:11px;display:block}.nav{letter-spacing:.14em;text-transform:uppercase;gap:20px;font-size:11px;display:flex}.nav button{color:var(--dim);transition:color .2s var(--ease);white-space:nowrap;position:relative}.nav button:after{content:"";transform-origin:0;height:1px;transition:transform .26s var(--ease);background:currentColor;position:absolute;bottom:-5px;left:0;right:0;transform:scaleX(0)}.nav button:hover,.nav button[data-active=true]{color:var(--ink)}.nav button:hover:after,.nav button[data-active=true]:after{transform:scaleX(1)}.bottombar{letter-spacing:.1em;color:var(--dim);text-transform:uppercase;justify-content:space-between;align-items:flex-end;gap:24px;font-size:10.5px;display:flex}.hint{align-items:center;gap:9px;display:flex}.hint i{background:var(--accent);width:6px;height:6px;animation:1.9s steps(2,end) infinite blip;display:inline-block}@keyframes blip{50%{opacity:.15}}.rail{left:max(10px, calc(var(--pad) - 22px));z-index:6;flex-direction:column;align-items:flex-start;gap:7px;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.rail button{color:var(--dim);align-items:center;gap:8px;display:flex}.rail i{opacity:.5;width:14px;height:2px;transition:width .26s var(--ease), opacity .26s var(--ease);background:currentColor;display:block}.rail button[data-kind=tape] i{width:8px}.rail button:hover i,.rail button[data-active=true] i{opacity:1;width:26px}.rail label{letter-spacing:.12em;text-transform:uppercase;opacity:0;transition:opacity .22s var(--ease), transform .22s var(--ease);pointer-events:none;white-space:nowrap;font-size:9.5px;transform:translate(-4px)}.rail button:hover label,.rail button[data-active=true] label{opacity:1;transform:none}.peek{z-index:7;pointer-events:none;background:color-mix(in srgb, var(--store-bg) 88%, transparent);border:1px solid var(--hair);white-space:nowrap;padding:7px 10px 8px;position:fixed;transform:translate(-50%,-140%)}.peek strong{letter-spacing:.03em;font-size:12px;display:block}.peek span{color:var(--dim);letter-spacing:.1em;text-transform:uppercase;margin-top:2px;font-size:10px;display:block}.detail{z-index:3;width:min(46vw,560px);height:100%;padding:calc(var(--pad) * 2.6) var(--pad) calc(var(--pad) * 2) 0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--hair) transparent;position:fixed;top:0;right:0;overflow-y:auto}.detail::-webkit-scrollbar{width:6px}.detail::-webkit-scrollbar-thumb{background:var(--hair)}.detail h1{letter-spacing:-.02em;margin:0;font-size:clamp(30px,4.4vw,54px);font-weight:700;line-height:1.02}.detail .role{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:14px 0 0;font-size:12.5px;line-height:1.6}.detail .meta{letter-spacing:.08em;color:var(--dim);margin:8px 0 0;font-size:11px}.detail .body p{max-width:46ch;color:color-mix(in srgb, var(--ink) 88%, transparent);margin:18px 0 0;font-size:14px;line-height:1.72}.rule{background:var(--hair);height:1px;margin:30px 0 0}.section-label{letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin:26px 0 12px;font-size:10px}.tracklist{border-top:1px solid var(--hair);margin:0;padding:0;list-style:none}.tracklist li{border-bottom:1px solid var(--hair);align-items:baseline;gap:14px;padding:10px 2px;font-size:13.5px;line-height:1.5;display:flex}.tracklist b{color:var(--dim);letter-spacing:.06em;min-width:18px;font-size:10px;font-weight:500}.links{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.links a{border:1px solid var(--hair);letter-spacing:.06em;transition:border-color .22s var(--ease), background-color .22s var(--ease);align-items:center;gap:8px;padding:9px 13px;font-size:11.5px;text-decoration:none;display:inline-flex}.links a:hover{background:color-mix(in srgb, var(--ink) 7%, transparent);border-color:currentColor}.detail-nav{letter-spacing:.1em;text-transform:uppercase;color:var(--dim);justify-content:space-between;gap:12px;margin-top:40px;padding-bottom:20px;font-size:11px;display:flex}.detail-nav button:hover{color:var(--ink)}.back{z-index:6;left:var(--pad);top:calc(var(--pad) + 46px);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);align-items:center;gap:10px;font-size:11px;display:flex;position:fixed}.back:hover{color:var(--ink)}.panel{z-index:8;padding:var(--pad);background:color-mix(in srgb, var(--store-bg) 78%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);place-items:center;display:grid;position:fixed;inset:0}.panel-inner{background:color-mix(in srgb, var(--store-bg) 92%, #fff 8%);border:1px solid var(--hair);width:min(620px,100%);max-height:80vh;padding:clamp(22px,4vw,40px);position:relative;overflow-y:auto}.panel-inner h2{letter-spacing:-.01em;margin:0 0 6px;font-size:22px}.panel-inner p{color:color-mix(in srgb, var(--ink) 82%, transparent);max-width:56ch;font-size:13.5px;line-height:1.75}.panel-close{letter-spacing:.14em;color:var(--dim);font-size:11px;position:absolute;top:14px;right:16px}.panel-close:hover{color:var(--ink)}.loader{z-index:9;background:var(--store-bg);transition:opacity .7s var(--ease);place-items:center;display:grid;position:fixed;inset:0}.loader[data-done=true]{opacity:0;pointer-events:none}.loader div{text-align:center;letter-spacing:.28em;text-transform:uppercase;color:var(--dim);font-size:11px}.loader b{font-family:var(--font-marker), cursive;letter-spacing:.02em;color:var(--ink);margin-bottom:14px;font-size:30px;display:block}@media (max-width:900px),(pointer:coarse) and (max-width:1100px){.rail{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-direction:row;gap:6px;padding:0 12px 4px;inset:auto 0 14px;overflow-x:auto;transform:none}.rail::-webkit-scrollbar{display:none}.rail button{border:1px solid var(--hair);background:color-mix(in srgb, var(--store-bg) 72%, transparent);color:var(--ink);flex:none;gap:0;padding:7px 10px}.rail i{display:none}.rail label{opacity:1;font-size:10px;transform:none}.is-detail .rail{display:none}.detail{width:100%;height:62vh;padding:22px var(--pad) 30px;background:linear-gradient(to bottom, transparent, var(--paper) 9%);top:auto;bottom:0;right:0}.detail h1{font-size:clamp(26px,8vw,40px)}.bottombar{display:none}.wordmark strong{font-size:11px}.wordmark span{font-size:10px}.nav{letter-spacing:.08em;gap:12px;font-size:10px}.back{top:calc(var(--pad) + 40px)}.peek{display:none}}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}