@charset "UTF-8";.gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;grid-template-rows:auto minmax(120px,1fr) auto auto auto auto;background:radial-gradient(circle at 50% 40%,rgba(255,94,0,.08),transparent 55%),#000;font-family:var(--font-display);color:#ffc59eeb;overflow:hidden}.gate>*{min-width:0;min-height:0}.gate--night{background:radial-gradient(circle at 50% 40%,rgba(120,90,200,.06),transparent 55%),#000}.gate__header{display:flex;align-items:center;gap:12px;padding:10px clamp(14px,3vw,40px);border-bottom:1px solid rgba(255,255,255,.08);background:#000000b3;overflow:hidden}.gate__header>*{min-width:0}.gate__logo{width:auto;height:clamp(22px,2.6vw,32px);object-fit:contain;filter:none;opacity:1}.gate__coming{font-family:var(--font-ui);font-size:10px;letter-spacing:.24em;color:#ffa666cc;white-space:nowrap}.gate__about-btn{padding:7px 11px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#ffc59ed9;font-family:var(--font-ui);font-size:9px;letter-spacing:.14em;cursor:pointer;white-space:nowrap;transition:all .15s ease}.gate__about-btn:hover{border-color:#ff5e00;color:#ff5e00}.gate__inline-link{color:#ffa666f2;text-decoration:underline}.gate__inline-link:hover{color:#ff5e00}.gate__about-statement{max-width:90ch;margin:8px 0 4px;font-family:var(--font-display);font-size:11px;line-height:1.6;color:#fff9}.gate__transport{display:flex;gap:8px;margin-left:auto}.gate__rec,.gate__gen{padding:8px 12px;border:1px solid rgba(255,94,0,.4);border-radius:12px;color:#ffc59ee6;font-family:var(--font-ui);font-size:10px;letter-spacing:.12em;cursor:pointer;transition:all .2s ease;white-space:nowrap}.gate__rec:hover,.gate__gen:hover{border-color:#ff5e00;color:#ff5e00}.gate__rec.is-on{border-color:#ff4040;color:#ff5a5a;animation:recBlink 1.2s ease-in-out infinite}@keyframes recBlink{0%,to{box-shadow:0 0 #ff404000}50%{box-shadow:0 0 14px #ff404080}}.gate__join{padding:9px 14px;border-radius:12px;color:#fff;background:#ff5e00;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.gate__join:hover{background:#ff7a26}.gate__sky{position:relative;min-height:0}.gate__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:grab;touch-action:none}.gate__canvas:active{cursor:grabbing}.gate__intro{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:0 clamp(16px,6vw,80px);text-align:center;pointer-events:none}.gate__intro-panel{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:min(720px,94vw);padding:clamp(22px,4vh,40px) clamp(20px,4vw,44px);border:1px solid rgba(255,255,255,.12);border-radius:24px;background:#0804029e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 8px 40px #0000008c;pointer-events:auto}.gate__intro-panel>*{opacity:0;transform:translateY(14px);animation:gateRise .9s ease forwards}.gate__intro-panel>*:nth-child(1){animation-delay:.15s}.gate__intro-panel>*:nth-child(2){animation-delay:.4s}.gate__intro-panel>*:nth-child(3){animation-delay:.75s}.gate__intro-panel>*:nth-child(4){animation-delay:1.05s}.gate__intro-panel>*:nth-child(5){animation-delay:1.3s}@keyframes gateRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.gate__eyebrow{margin:0;font-family:var(--font-ui);font-size:11px;letter-spacing:.4em;color:#ffa666d9}.gate__title{max-width:22ch;margin:0;color:#fff;font-size:clamp(24px,3.4vw,44px);font-weight:800;line-height:1.08;letter-spacing:-.01em;text-shadow:0 2px 18px rgba(0,0,0,.8)}.gate__copy{max-width:60ch;margin:0;color:#ffffffe0;font-size:clamp(13px,1.05vw,15px);font-weight:500;line-height:1.65;text-shadow:0 1px 8px rgba(0,0,0,.7)}.gate__init{margin-top:8px;padding:13px 24px;border:0;border-radius:12px;color:#fff;background:#ff5e00;box-shadow:0 10px 34px #ff5e0052;font-family:var(--font-display);font-size:12px;font-weight:900;letter-spacing:.18em;cursor:pointer;transition:background .2s ease}.gate__init:hover{background:#ff7a26}.gate__hint{margin:0;font-family:var(--font-ui);font-size:10px;letter-spacing:.14em;color:#fff6}.gate__log{position:absolute;top:10px;left:clamp(12px,2vw,24px);max-width:min(44ch,52vw);font-family:var(--font-ui);font-size:10px;line-height:1.7;color:#ffa666b8;pointer-events:none}.gate__log-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gate__log-layer{color:#34ff5cb3}.gate__clockchip{position:absolute;top:10px;right:clamp(12px,2vw,24px);display:flex;align-items:center;gap:8px;max-width:46vw;padding:7px 11px;border:1px solid rgba(255,94,0,.28);border-radius:12px;background:#0009;font-family:var(--font-ui);font-size:9px;letter-spacing:.08em;color:#ffc59ee6;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:border-color .15s ease}.gate__clockchip:hover{border-color:#ff5e00}.gate__clockchip-glyph{font-size:16px;color:var(--live-green);text-shadow:0 0 10px rgba(52,255,92,.5)}.gate__nav{position:absolute;right:clamp(12px,2vw,24px);top:50%;transform:translateY(-50%);display:grid;gap:6px}.gate__nav button{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#140a05b3;color:#ffc59ee6;cursor:pointer;transition:all .15s ease}.gate__nav button:hover{border-color:#ff5e00;color:#ff5e00}.gate__planet-chips{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:4px;max-width:92vw;overflow-x:auto;padding:4px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#140a05b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.gate__planet-chip{flex:0 0 auto;width:28px;height:28px;display:grid;place-items:center;border-radius:999px;color:#ffc59ed9;font-size:14px;cursor:pointer;transition:all .15s ease}.gate__planet-chip:hover{background:#ff5e0033;color:#ff5e00}.gate__back-to-sky{position:absolute;bottom:52px;left:50%;transform:translate(-50%);padding:8px 14px;border:1px solid rgba(52,255,92,.5);border-radius:12px;background:#000000b3;color:var(--live-green);font-family:var(--font-ui);font-size:10px;letter-spacing:.14em;cursor:pointer}.gate__harmony{max-height:min(32vh,260px);overflow-y:auto;padding:8px clamp(14px,3vw,40px) 6px;border-top:1px solid rgba(255,94,0,.22);background:#000000c7}.gate__now{display:flex;align-items:baseline;gap:8px;margin-bottom:5px;overflow:hidden}.gate__now-mark{flex:0 0 auto;font-family:var(--font-ui);font-size:8.5px;letter-spacing:.16em;color:var(--live-green)}.gate__now-text{font-size:11px;color:#ffffffbf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gate__status{margin:0 0 6px;font-size:10.5px;line-height:1.5;color:#9ca3af}@media(min-width:751px)and (max-height:820px){.gate__status{display:none}}.gate__harmony-toggle{flex:0 0 auto;padding:3px 8px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#ffc59ecc;font-family:var(--font-ui);font-size:8px;letter-spacing:.12em;cursor:pointer}.gate__harmony-toggle:hover{border-color:#ff5e00;color:#ff5e00}.gate__harmony.is-collapsed .gate__chord-canvas,.gate__harmony.is-collapsed .gate__chord-tones,.gate__harmony.is-collapsed .gate__sources-waves,.gate__harmony.is-collapsed .gate__status{display:none}.gate__harmony-help{margin-left:6px;color:#ffa666b3;cursor:pointer;vertical-align:-1px}.gate__harmony-help:hover{color:#ff5e00}.gate__sources-waves{display:flex;gap:6px;margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.07);overflow-x:auto}.gate__source-wave{flex:0 0 auto;display:grid;gap:2px;padding:4px 6px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#140a0580;cursor:pointer;transition:border-color .15s ease}.gate__source-wave:hover{border-color:#ff5e00}.gate__source-wave.is-muted{opacity:.35}.gate__source-wave canvas{width:92px;height:22px}.gate__source-wave span{font-family:var(--font-ui);font-size:7px;letter-spacing:.08em;color:#9ca3af;text-align:left;white-space:nowrap}.gate__harmony-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px;font-family:var(--font-ui);font-size:9px;letter-spacing:.14em;color:#ffa666d9}.gate__harmony-scale{color:var(--live-green);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gate__chord-canvas{width:100%;height:clamp(52px,9vh,84px);display:block}.gate__chord-tones{display:flex;flex-wrap:wrap;gap:3px 14px;margin-top:3px;font-family:var(--font-ui);font-size:9px;color:#fff9}.gate__tone-dot{display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:50%;vertical-align:-1px}.gate__chord-tone b{color:#ffc59ef2;font-weight:400}.gate__dock{display:flex;gap:2px;padding:0 clamp(14px,3vw,40px);border-top:1px solid rgba(255,94,0,.18);background:#000000d9;overflow-x:auto}.gate__dock-tab{padding:9px 14px;border:0;border-bottom:2px solid transparent;color:#ffc59ea6;font-family:var(--font-ui);font-size:10px;letter-spacing:.14em;cursor:pointer;white-space:nowrap;transition:color .15s ease,border-color .15s ease}.gate__dock-tab:hover{color:#ff5e00}.gate__dock-tab.is-active{color:var(--live-green);border-bottom-color:var(--live-green)}.gate-console{max-height:min(30vh,300px);overflow-y:auto;padding:12px clamp(14px,3vw,40px) 14px;background:#000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1)}.gate-console__masters{display:flex;flex-wrap:wrap;gap:12px 22px}.gate-console__master{display:grid;gap:5px;font-family:var(--font-ui);font-size:9px;letter-spacing:.16em;color:#ffa666d9}.gate-console__master input[type=range]{width:140px;accent-color:#ff5e00}.gate-console__master select{padding:4px 6px;border:1px solid rgba(255,94,0,.4);border-radius:12px;background:#000;color:#ffc59ef2;font-family:var(--font-ui);font-size:10px}.gate-console__scales{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:8px}.gate-console__scale{display:grid;gap:5px;padding:9px 11px;border:1px solid rgba(255,94,0,.28);border-radius:12px;background:#00000080;text-align:left;cursor:pointer;transition:border-color .2s ease}.gate-console__scale:hover{border-color:#ff5e00b3}.gate-console__scale.is-active{border-color:var(--live-green);box-shadow:0 0 14px #34ff5c26}.gate-console__scale b{font-family:var(--font-ui);font-size:9.5px;font-weight:400;letter-spacing:.06em;color:#ffc59ef2}.gate-console__scale span{font-size:10.5px;line-height:1.5;color:#ffffff8c}.gate-console__layers{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:6px}.gate-strip{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(255,94,0,.24);border-radius:12px;background:#00000080;transition:border-color .2s ease,box-shadow .2s ease}.gate-strip.is-pulsing{border-color:#ff5e00;box-shadow:0 0 14px #ff5e004d}.gate-strip__name{flex:0 0 140px;font-family:var(--font-ui);font-size:9px;letter-spacing:.08em;color:#ffc59ef2;text-align:left;cursor:pointer}.gate-strip__name:hover{color:#ff5e00}.gate-strip__info{color:#ffa66699}.gate-strip__volume{flex:1;min-width:46px;accent-color:#ff5e00}.gate-strip__button{flex:0 0 auto;padding:4px 7px;border:1px solid rgba(52,255,92,.4);border-radius:12px;color:var(--live-green);font-family:var(--font-ui);font-size:8px;letter-spacing:.08em;cursor:pointer}.gate-strip__button.is-off{border-color:#fff3;color:#ffffff59}.gate-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:grid;place-items:center;padding:clamp(12px,3vw,40px)}.gate-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000c7;cursor:pointer}.gate-modal__panel{position:relative;width:min(760px,100%);max-height:100%;overflow-y:auto;padding:20px 22px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:repeating-linear-gradient(to bottom,rgba(255,94,0,.03) 0 1px,transparent 1px 5px),#140a05eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #00000080;animation:gateRise .3s ease}.gate-icon{display:inline-block;vertical-align:-2px}.gate-card__simple{margin:0 0 12px;padding:11px 13px;border:1px solid rgba(255,94,0,.22);border-radius:14px;background:#ff5e000f;color:#ffffffd9;font-size:13px;line-height:1.65}.gate-card__equation{display:grid;gap:6px;margin:0 0 12px;padding:11px 13px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#140a0599}.gate-card__equation-label{font-family:var(--font-ui);font-size:8.5px;letter-spacing:.16em;color:#9ca3af}.gate-card__equation-text{font-family:var(--font-ui);font-size:11px;color:#ffc59ef2}.gate-card__viz{width:100%;height:78px;border-radius:8px;background:#00000073}.gate-card__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:12px}.gate-card__stats>div{display:grid;gap:2px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#140a0599;text-align:center}.gate-card__stats b{font-size:14px;font-weight:800;color:#ff5e00}.gate-card__stats span{font-family:var(--font-ui);font-size:8.5px;letter-spacing:.1em;color:#9ca3af}.gate-card__dwarf{margin-left:10px;padding:3px 8px;border:1px solid rgba(255,94,0,.4);border-radius:999px;font-family:var(--font-ui);font-size:8px;letter-spacing:.14em;color:#ffa666e6;vertical-align:middle}.gate-card__source-line{margin:8px 0 0;font-family:var(--font-ui);font-size:9px;color:#9ca3af}.gate-card__source-line a{color:#ffa666e6;text-decoration:underline}.gate-card__source-line a:hover{color:#ff5e00}.gate-modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.gate-modal__title{margin:0;font-size:17px;font-weight:800;letter-spacing:.08em}.gate-modal__close{font-family:var(--font-ui);font-size:11px;color:#ffa666d9;cursor:pointer}.gate-modal__close:hover{color:#ff5e00}.gate-modal__scope{width:100%;height:84px;margin:10px 0;border:1px solid rgba(255,94,0,.25);background:#00000080}.gate-card__measures{margin:0 0 10px;color:#ffffffb3;font-size:12.5px;line-height:1.5}.gate-card__endpoint{display:grid;gap:7px;padding:9px 11px;border:1px solid rgba(52,255,92,.22);border-radius:12px;background:#00000080}.gate-card__endpoint-url{font-family:var(--font-ui);font-size:9.5px;line-height:1.5;color:#34ff5cbf;word-break:break-all}.gate-card__endpoint-row{display:flex;flex-wrap:wrap;gap:6px}.gate-card__explore,.gate-card__verify,.gate-card__toggle{padding:5px 9px;border:1px solid rgba(255,94,0,.4);border-radius:12px;color:#ffc59ee6;font-family:var(--font-ui);font-size:9px;letter-spacing:.06em;cursor:pointer;transition:all .15s ease}.gate-card__explore:hover,.gate-card__verify:hover,.gate-card__toggle:hover{border-color:#ff5e00;color:#ff5e00}.gate-card__verify{border-color:#34ff5c73;color:var(--live-green)}.gate-card__toggle.is-off{border-color:#fff3;color:#ffffff59}.gate-card__math{margin:10px 0;padding:10px 12px;overflow-x:auto;border:1px solid rgba(52,255,92,.25);background:#0000008c;color:#34ff5cd9;font-family:var(--font-ui);font-size:10.5px;line-height:1.65;white-space:pre}.gate-card__role{margin:0 0 8px;color:#ffffffb8;font-size:12.5px;line-height:1.6}.gate-synth{display:grid;gap:9px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,94,0,.25)}.gate-synth__row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.gate-synth__label{font-family:var(--font-ui);font-size:9px;letter-spacing:.16em;color:#ffa666d9}.gate-synth__preset,.gate-synth__osc{padding:4px 8px;border:1px solid rgba(255,94,0,.35);border-radius:12px;color:#ffc59ed9;font-family:var(--font-ui);font-size:9px;letter-spacing:.06em;cursor:pointer;transition:all .15s ease}.gate-synth__preset:hover,.gate-synth__osc:hover{border-color:#ff5e00;color:#ff5e00}.gate-synth__osc.is-active{border-color:var(--live-green);color:var(--live-green)}.gate-synth__param{display:grid;gap:3px;font-family:var(--font-ui);font-size:8.5px;letter-spacing:.08em;color:#fff9}.gate-synth__param input[type=range]{width:110px;accent-color:#ff5e00}.gate-waitlist__form{display:grid;gap:12px;margin-top:4px}.gate-waitlist__input{width:100%;min-height:46px;padding:0 14px;border:1px solid rgba(255,255,255,.14);border-radius:12px;color:#fff;background:#00000080;font-family:var(--font-display);font-size:15px;outline:none}.gate-waitlist__input:focus{border-color:#ff5e00;box-shadow:0 0 16px #ff5e0033}.gate-waitlist__testing{display:flex;align-items:flex-start;gap:10px;color:#ffffffbf;font-size:12.5px;line-height:1.5;cursor:pointer}.gate-waitlist__testing input{margin-top:2px;accent-color:#ff5e00}.gate-waitlist__submit{min-height:46px;border:0;border-radius:12px;color:#fff;background:#ff5e00;box-shadow:0 10px 30px #ff5e0047;font-family:var(--font-display);font-size:12px;font-weight:900;letter-spacing:.14em;cursor:pointer;transition:background .2s ease}.gate-waitlist__submit:hover{background:#ff7a26}.gate-waitlist__submit:disabled{opacity:.6;cursor:wait}.gate-waitlist__error{margin:0;color:#ff6a4d;font-family:var(--font-ui);font-size:11px}.gate-waitlist__privacy{margin:0;font-family:var(--font-ui);font-size:9px;color:#9ca3af}.gate-lock{display:grid;gap:10px;justify-items:start;margin-top:12px;padding:14px;border:1px dashed rgba(255,94,0,.4);border-radius:14px;background:#ff5e000d}.gate-lock p{margin:0;color:#ffffffbf;font-size:12.5px;line-height:1.55}.gate-lock__cta{padding:10px 16px;border:0;border-radius:10px;color:#fff;background:#ff5e00;font-family:var(--font-display);font-size:10px;font-weight:900;letter-spacing:.12em;cursor:pointer}.gate-lock__cta:hover{background:#ff7a26}.gate__footer{padding:6px clamp(14px,3vw,40px);border-top:1px solid rgba(255,255,255,.06);background:#000000e6;font-family:var(--font-ui);font-size:9px;color:#fff6}.gate__about summary{cursor:pointer;letter-spacing:.14em}.gate__about summary:hover{color:#ff5e00}.gate__about ul{columns:2;margin:8px 0 4px;padding-left:16px;max-height:20vh;overflow-y:auto}.gate__about li{margin-bottom:4px;line-height:1.5}.gate__about a{color:#ffa666d9;text-decoration:underline}.gate__about a:hover{color:#ff5e00}@media(prefers-reduced-motion:reduce){.gate__intro-panel>*,.gate-modal__panel{animation:none;opacity:1;transform:none}.gate__rec.is-on{animation:none}}@media(min-width:751px)and (max-height:820px){.gate__chord-canvas{height:44px}.gate__chord-tones{display:none}.gate__log-line:nth-child(-n+3){display:none}.gate__harmony{max-height:24vh}.gate-console{max-height:26vh}}@media(min-width:751px)and (max-width:1100px){.gate__coming{display:none}.gate__header{gap:8px}}@media(max-width:750px){.gate__coming{display:none}.gate__intro-panel{max-height:82vh;overflow-y:auto;padding:18px 16px;gap:10px}.gate__title{font-size:clamp(20px,6vw,28px)}.gate__copy{font-size:12.5px}.gate__nav{right:8px;gap:5px}.gate__nav button{width:40px;height:40px}.gate__planet-chip{width:34px;height:34px;font-size:16px}.gate__about-btn{display:none}.gate__log{font-size:8.5px;max-width:56vw}.gate__log-line:nth-child(-n+3){display:none}.gate__clockchip{font-size:8px;max-width:40vw}.gate__chord-tones,.gate__sources-waves{display:none}.gate__chord-canvas{height:44px}.gate-console{max-height:42vh}.gate-strip__name{flex-basis:112px}.gate__about ul{columns:1}.gate__header{flex-wrap:wrap;row-gap:6px;padding:8px 12px}.gate__rec,.gate__gen,.gate__join{padding:7px 10px;font-size:9px}.gate__intro-panel,.gate-modal__panel,.gate-console,.gate__planet-chips,.transmission-fallback{-webkit-backdrop-filter:none;backdrop-filter:none}.gate__intro-panel{background:#080402e6}.gate-modal__panel{background:#0f0804fa}.gate-console{background:#000000f5}.gate__planet-chips{background:#0f0804eb}}*,:before,:after{box-sizing:border-box}:root{--color-black-000: #ffc59e;--color-black-100: #ec6100;--color-white-100: rgba(10, 5, 2, .82);--color-white-200: #000000;--color-white-300: rgba(249, 115, 22, .28);--crt-orange-soft: rgba(236, 97, 0, .34);--crt-orange-mid: rgba(249, 115, 22, .58);--crt-orange-hot: rgba(255, 166, 102, .72);--crt-green: rgba(52, 255, 92, .32);--hud-green-soft: rgba(52, 255, 92, .045);--hud-green-mid: rgba(52, 255, 92, .16);--hud-glass: rgba(18, 7, 2, .68);--hud-line: rgba(249, 115, 22, .34);--hud-shadow: rgba(236, 97, 0, .16);--live-green: #34ff5c;--font-display: "Inter", system-ui, sans-serif;--font-ui: "Fira Mono", monospace;--split-num: 24;--grid-size: calc(100vw / var(--split-num));--grid-margin: calc(var(--grid-size) / 2);--base-vw: 1440;font-size:calc(100 / var(--base-vw) * 1vw);background:var(--color-white-200)}html,body{width:100%;height:100%;margin:0;color:var(--color-black-100);overflow:hidden}#root{width:100%;height:100%}*{scrollbar-color:rgba(249,115,22,.72) #000000}*::-webkit-scrollbar{width:12px;height:12px;background:#000}*::-webkit-scrollbar-thumb{background:#f97316b8;border:2px solid #000000}*::-webkit-scrollbar-corner{background:#000}body{font-family:var(--font-display);background:radial-gradient(circle at 74% 24%,rgba(249,115,22,.12),transparent 30%),radial-gradient(circle at 18% 78%,rgba(236,97,0,.13),transparent 34%),var(--color-white-200);text-shadow:0 0 4px rgba(236,97,0,.14);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}.ambient-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 82% 12%,rgba(236,97,0,.1),transparent 42%),radial-gradient(circle at 12% 86%,rgba(249,115,22,.07),transparent 46%),#000;overflow:hidden}.ambient-bg:after{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;background:radial-gradient(circle at 40% 50%,rgba(236,97,0,.06),transparent 38%),radial-gradient(circle at 68% 42%,rgba(255,166,102,.035),transparent 32%);animation:ambientDrift 40s ease-in-out infinite alternate}@keyframes ambientDrift{0%{transform:translate3d(-3%,-2%,0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.08)}}@media(prefers-reduced-motion:reduce){.ambient-bg:after{animation:none}}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(249,115,22,.075) 0,rgba(249,115,22,.075) 1px,transparent 1px,transparent 4px),linear-gradient(90deg,rgba(249,115,22,.05),transparent 22%,transparent 78%,rgba(255,166,102,.045)),radial-gradient(circle at 50% 50%,transparent 0 54%,rgba(236,97,0,.07) 100%);mix-blend-mode:screen;opacity:.34}body ::selection{background:var(--color-black-100);color:var(--color-white-200)}a{color:inherit;text-decoration:none}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0;padding:0;color:inherit;background:transparent;font:inherit}img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.9) brightness(.82) contrast(1.04);opacity:.92}.default{width:100vw;height:100%;overflow-y:scroll;overflow-x:scroll;overscroll-behavior:none;background:transparent}.container[page-name=works]{position:relative;z-index:1;width:132vw;min-height:calc(var(--list-count, 12) * var(--grid-size) * 7 + var(--grid-size) * 4);background:linear-gradient(90deg,#030c0a5c,#0000000d 42%,#030c0a38),#0000001a}.container[page-name=works]:after{content:"";position:fixed;inset:var(--grid-margin);z-index:2;pointer-events:none;border:1px solid rgba(249,115,22,.16);clip-path:polygon(0 0,18% 0,18% 1px,1px 1px,1px 18%,0 18%,0 0,100% 0,100% 18%,calc(100% - 1px) 18%,calc(100% - 1px) 1px,82% 1px,82% 0,100% 0,100% 100%,82% 100%,82% calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 1px) 82%,100% 82%,100% 100%,0 100%,0 82%,1px 82%,1px calc(100% - 1px),18% calc(100% - 1px),18% 100%,0 100%);opacity:.8}.base-header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;gap:14px;padding:10px clamp(16px,5vw,96px);border-bottom:1px solid rgba(255,255,255,.1);background:#000000e6}.base-header__brand{display:flex;align-items:center}.base-header__logo{width:auto;height:clamp(34px,4vw,56px);object-fit:contain;filter:none;opacity:1}.base-header__live{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(52,255,92,.6);border-radius:2px;color:var(--live-green);background:#34ff5c14;box-shadow:0 0 24px #34ff5c1f;font-family:var(--font-display);font-size:10px;font-weight:900;letter-spacing:.12em;line-height:1;text-transform:uppercase;text-shadow:none}.base-header__live-dot{width:6px;height:6px;border-radius:50%;background:var(--live-green);box-shadow:0 0 8px #34ff5ce6;animation:liveDotPulse 1.6s ease-in-out infinite}@keyframes liveDotPulse{0%,to{opacity:1}50%{opacity:.35}}.base-header__nav{display:flex;align-items:center;gap:10px;margin-left:auto}.base-header__link,.base-header__cta{padding:10px 16px;border-radius:2px;font-family:var(--font-display);font-size:10px;font-weight:900;letter-spacing:.12em;line-height:1;text-transform:uppercase;white-space:nowrap;text-shadow:none;transition:all .2s ease}.base-header__link{border:1px solid rgba(236,97,0,.35);color:#ffffffb8;background:#0003}.base-header__link:hover{border-color:#ec6100;color:#ec6100}.base-header__cta{border:0;letter-spacing:.16em;color:#fff;background:#ec6100;box-shadow:0 10px 30px #ec61003d}.base-header__cta:hover{background:#f97316}.transmission-fallback{position:fixed;top:calc(var(--grid-size) * 1.35);left:50%;transform:translate(-50%);z-index:110;display:flex;align-items:center;gap:8px;max-width:min(92vw,640px);padding:9px 14px;border:1px solid rgba(52,255,92,.5);border-radius:999px;background:#000000d9;color:var(--live-green);font-family:var(--font-ui);font-size:10px;letter-spacing:.08em;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.transmission-fallback__dot{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:var(--live-green);box-shadow:0 0 10px #34ff5ccc;animation:liveDotPulse 1.4s ease-in-out infinite}.tuning-splash{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--color-black-100);font-family:var(--font-ui);font-size:clamp(14px,1.6vw,20px);letter-spacing:.32em;text-shadow:0 0 12px rgba(236,97,0,.5);animation:livePulse 1.4s ease-in-out infinite}.base-pattern{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.base-pattern__grid{display:grid;width:100%;min-height:100%;grid-template-columns:repeat(var(--split-num),var(--grid-size));grid-auto-rows:var(--grid-size)}.base-pattern__item{position:relative;width:var(--grid-size);height:var(--grid-size);background:transparent}.base-pattern__item.is-block{background:linear-gradient(135deg,#f9731617,#ffc59e09),#030c0a94;box-shadow:0 0 18px #ec610014 inset}.base-pattern__item.is-block .base-pattern__item__bar{opacity:0}.base-pattern__item__bar{position:absolute;top:0;right:0;bottom:0;left:0;width:1px;height:1px;margin:auto;background:var(--hud-line);box-shadow:0 0 6px #f9731685}.ascii{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;width:100vw;height:100svh;pointer-events:none;overflow:visible;--canvas-left: calc(var(--grid-margin) + var(--grid-size) * 7);clip-path:inset(0 0 0 var(--canvas-left))}.ascii__canvas{position:absolute;top:0;left:0;width:100vw;height:100svh;mix-blend-mode:screen;opacity:1;filter:drop-shadow(0 0 6px rgba(236,97,0,.35))}.ascii-transition{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;width:100vw;height:100svh;pointer-events:none;opacity:0;mix-blend-mode:screen}.container.is-transitioning .ascii-transition{opacity:1}.vinyl-selector{--vinyl-size: clamp(530px, 47vw, 900px);position:fixed;top:calc(var(--grid-size) * 1.3);left:calc(var(--vinyl-size) * -.5);z-index:3;width:var(--vinyl-size);height:min(calc(var(--vinyl-size) * 1.08),100svh);pointer-events:none}.vinyl-selector__disc{position:absolute;inset:0 auto auto 0;width:var(--vinyl-size);aspect-ratio:1;overflow:hidden;border:1px solid rgba(249,115,22,.56);border-radius:50%;background:radial-gradient(circle,transparent 0 14%,rgba(249,115,22,.1) 14.3% 14.8%,transparent 15.2% 24%),repeating-radial-gradient(circle,rgba(249,115,22,.16) 0 1px,transparent 1px 12px),linear-gradient(135deg,rgba(249,115,22,.1),transparent 32%,rgba(255,197,158,.045)),#000;box-shadow:0 0 0 1px #f973162e inset,0 0 34px #ec61001a;transform:rotate(var(--vinyl-rotation, 0deg));transition:filter .2s ease;will-change:transform}.vinyl-selector__ascii-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;border-radius:50%;mix-blend-mode:screen;opacity:.84}.vinyl-selector__rings{position:absolute;top:10%;right:10%;bottom:10%;left:10%;z-index:1;border:1px solid rgba(255,166,102,.36);border-radius:50%;box-shadow:0 0 0 12px #ec610008,0 0 0 34px #ec610006,0 0 0 60px #ec610005}.vinyl-selector__label{position:absolute;z-index:2;top:50%;left:50%;width:16%;aspect-ratio:1;border:1px solid rgba(255,166,102,.5);border-radius:50%;background:radial-gradient(circle at 50% 50%,#000000 0 13%,transparent 14%),radial-gradient(circle at 50% 50%,rgba(52,255,92,.16) 0 13%,transparent 14%),repeating-radial-gradient(circle,rgba(255,166,102,.2) 0 1px,transparent 1px 9px),#090402db;box-shadow:0 0 0 10px #000000b8,0 0 22px #ec61003d;transform:translate(calc(-50% + var(--label-x, 0px)),calc(-50% + var(--label-y, 0px)));will-change:transform}.vinyl-selector__track-wheel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:auto}.vinyl-selector__track{position:absolute;top:calc(var(--vinyl-size) * var(--track-y, .5));left:calc(var(--vinyl-size) * var(--track-x, .82));z-index:var(--track-z, 100);width:calc(var(--vinyl-size) * .17);aspect-ratio:1;border:1px solid rgba(249,115,22,.5);background:linear-gradient(135deg,#f9731617,#ffc59e09),#030c0ad1;box-shadow:0 0 0 1px #000000d1,0 0 22px #ec610029;opacity:var(--track-opacity, 1);transform:translate(-50%,-50%) scale(var(--track-scale, 1)) rotate(var(--track-tilt, 0deg));transition:opacity .18s linear,filter .18s linear,box-shadow .18s linear;will-change:top,left,transform,opacity;cursor:pointer}.vinyl-selector__track.is-active{border-color:#f97316e6;box-shadow:0 0 0 1px #ffc59e38,0 0 30px #ec61004d,0 0 20px #ffa6662e}.vinyl-selector__track-image{object-fit:cover;opacity:.82}.vinyl-selector__track-index{position:absolute;right:8rem;bottom:6rem;padding:2rem 5rem;background:#000000b8;color:var(--color-black-100);font-family:var(--font-ui);font-size:10px;line-height:1}.vinyl-selector__scroll-cue{position:absolute;left:calc(var(--vinyl-size) * .85);z-index:6;width:calc(var(--vinyl-size) * .08);height:calc(var(--vinyl-size) * .08);display:grid;place-items:center;border:0;color:var(--color-black-100);background:transparent;font-family:var(--font-ui);font-size:clamp(21px,2.4vw,34px);line-height:1;text-shadow:0 0 10px rgba(236,97,0,.48);animation:scrollCuePulse 1.8s ease-in-out infinite}.vinyl-selector__scroll-cue--up{top:calc(var(--vinyl-size) * .09)}.vinyl-selector__scroll-cue--down{top:calc(var(--vinyl-size) * .79);animation-delay:.55s}.vinyl-selector__title{position:absolute;top:calc(var(--vinyl-size) * .72);left:calc(var(--vinyl-size) * .6);z-index:7;width:calc(var(--vinyl-size) * .32);margin:0;color:var(--color-black-100);font-family:var(--font-display);font-weight:600;font-size:clamp(11px,.9vw,14px);line-height:1.3;text-shadow:0 0 5px rgba(236,97,0,.2)}@keyframes scrollCuePulse{0%,to{opacity:.45;transform:translateY(0)}50%{opacity:1;transform:translateY(-5rem)}}.radio-hero{position:fixed;top:calc(var(--grid-size) * 1.6);right:calc(var(--grid-size) * 1.35);z-index:7;width:clamp(300px,30vw,500px);padding:18px 20px;border:1px solid rgba(249,115,22,.28);border-radius:2px;background:linear-gradient(135deg,rgba(249,115,22,.08),transparent 46%),#0000009e;box-shadow:0 0 24px #ec610014;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:right;pointer-events:none;font-family:var(--font-display);transition:opacity .42s ease}.radio-hero__eyebrow{margin:0 0 10px;color:#ffa666d9;font-size:10px;font-weight:700;letter-spacing:.3em;text-transform:uppercase}.radio-hero__title{display:flex;flex-direction:column;align-items:flex-end;gap:6px;margin:0 0 14px;color:#ffc59ef7;font-family:var(--font-display);font-weight:600;line-height:1;text-shadow:0 0 18px rgba(236,97,0,.35)}.radio-hero__logo{display:block;width:auto;height:clamp(30px,3.2vw,52px);object-fit:contain;filter:none;opacity:1}.radio-hero__title-text{font-size:clamp(20px,2.2vw,34px);letter-spacing:.42em;margin-right:-.42em}.radio-hero__copy{margin:0 0 16px;color:#ffffffb8;font-size:clamp(12px,1vw,14px);font-weight:400;line-height:1.6;text-shadow:none}.radio-hero__cta{display:inline-block;pointer-events:auto;padding:11px 16px;border-radius:2px;color:#fff;background:#ec6100;box-shadow:0 10px 30px #ec61003d;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;text-shadow:none;transition:background .2s ease}.radio-hero__cta:hover{background:#f97316}.container.is-track-view .radio-hero{opacity:.1}.container.is-track-view .radio-hero__cta{pointer-events:none}.radio-player{position:fixed;right:calc(var(--grid-size) * 1.35);bottom:calc(var(--grid-size) * 1.89);left:auto;z-index:8;display:grid;grid-template-columns:minmax(0,233px) minmax(0,377px);gap:13px;width:clamp(377px,34vw,610px);min-height:144px;padding:13px;border:1px solid rgba(249,115,22,.62);clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px));background:linear-gradient(135deg,rgba(249,115,22,.12),transparent 38%,rgba(255,197,158,.045)),#030c0ac2;box-shadow:0 0 0 1px #f973161f inset,0 0 24px #ec610014;font-family:var(--font-ui);pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.radio-player__readout,.radio-player__deck{display:flex;flex-direction:column;justify-content:flex-start;gap:8px;min-width:0}.radio-player__eyebrow,.radio-player__meta,.radio-player__progress,.radio-player__volume,.radio-player__scan{color:#ffa666d6;font-size:10px;line-height:1.35}.radio-player__eyebrow{font-family:var(--font-display);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.radio-player__title{margin:0;max-width:100%;color:#ffc59ef5;font-family:var(--font-display);font-size:clamp(16px,1.25vw,21px);line-height:1.16;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 6px rgba(236,97,0,.22)}.radio-player__meta{margin:0;max-height:3.4em;overflow:hidden;overflow-wrap:anywhere;white-space:pre-wrap;font-family:var(--font-display)}.radio-player__eq{display:block;min-height:55px;margin:0;padding:5px 8px;overflow:hidden;border:1px solid rgba(249,115,22,.4);background:repeating-linear-gradient(90deg,rgba(249,115,22,.045) 0 1px,transparent 1px 8px),#00000057;color:#ffa666f0;font-family:var(--font-ui);font-size:10px;line-height:1.08;letter-spacing:0;white-space:pre;text-shadow:0 0 5px rgba(236,97,0,.28)}.radio-player__controls{display:grid;grid-template-columns:repeat(4,minmax(34px,1fr));gap:5px}.radio-player__button{min-height:34px;border:1px solid rgba(236,97,0,.35);border-radius:2px;color:#ffffffb8;background:#0003;font-family:var(--font-display);font-size:10px;font-weight:800;letter-spacing:.08em;line-height:1;box-shadow:none;cursor:pointer;text-shadow:none;transition:all .2s ease}.radio-player__button:hover{border-color:#ec6100;color:#ec6100}.radio-player__button--play{border:0;color:#fff;background:#ec6100;box-shadow:0 6px 20px #ec61003d}.radio-player__button--play:hover{color:#fff;background:#f97316}.radio-player__progress,.radio-player__scan{display:grid;grid-template-columns:auto minmax(89px,1fr) auto;align-items:center;gap:8px}.radio-player__progress-track,.radio-player__scan-track{height:5px;overflow:hidden;border:1px solid rgba(249,115,22,.28);background:#ec610012}.radio-player__progress-bar,.radio-player__scan-bar{width:100%;height:100%;background:var(--color-black-100);transform:scaleX(var(--progress, 0));transform-origin:left}.radio-player__progress-bar{transform:scaleX(0)}.radio-player.is-live .radio-player__progress-bar{transform:none;transform-origin:center;background:linear-gradient(90deg,transparent,var(--color-black-100) 30%,var(--color-black-100) 70%,transparent);animation:livePulse 1.8s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:.35}50%{opacity:1}}.radio-player__volume{display:grid;grid-template-columns:auto minmax(89px,1fr);align-items:center;gap:8px}.radio-player__volume input{width:100%;accent-color:var(--color-black-100)}.track-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:18;display:block;padding:calc(var(--grid-size) * 1.05) calc(var(--grid-size) * 1.25) calc(var(--grid-size) * 1.1) calc(var(--grid-size) * 4.2);overflow:auto;pointer-events:none;opacity:0;transform:translateY(18px);transition:opacity .42s ease,transform .42s ease}.track-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#030c0af0,#000000ad 42%,#030c0ae6),repeating-linear-gradient(to bottom,rgba(249,115,22,.062) 0 1px,transparent 1px 5px)}.container.is-track-view .track-page{pointer-events:auto;opacity:1;transform:translateY(0)}.container.is-track-view .radio-player{z-index:24;opacity:.96;grid-template-columns:1fr;width:clamp(280px,24vw,360px);min-height:0;gap:8px}.container.is-track-view .radio-player__eq,.container.is-track-view .radio-player__scan,.container.is-track-view .radio-player__volume,.container.is-track-view .radio-player__meta{display:none}.container.is-track-view .titles,.container.is-track-view .vinyl-selector__title,.container.is-track-view .vinyl-selector__scroll-cue{opacity:.14}.track-page__inner{display:grid;gap:21px;min-height:calc(100svh - var(--grid-size) * 2.15);font-family:var(--font-ui)}.track-page__header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:21px;border-bottom:1px solid rgba(249,115,22,.4);padding-bottom:13px}.track-page__eyebrow,.track-page__artist,.track-page__section-label,.track-page__copy p,.track-page__stats,.track-page__nav-button,.track-page__back{font-family:var(--font-display)}.track-page__eyebrow,.track-page__section-label{font-weight:700;letter-spacing:.12em;text-transform:uppercase}.track-page__nav-button,.track-page__back{border-radius:2px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.track-page__eyebrow,.track-page__artist,.track-page__section-label{margin:0;color:#ffa666e0;font-size:11px;line-height:1.35}.track-page__title{max-width:18ch;margin:6px 0 7px;color:#ffc59ef5;font-family:var(--font-display);font-size:clamp(34px,5vw,72px);font-weight:400;line-height:1.02;overflow-wrap:anywhere;text-shadow:0 0 10px rgba(236,97,0,.22)}.track-page__back,.track-page__nav-button{min-height:34px;border:1px solid rgba(249,115,22,.44);padding:0 13px;color:#ffc59eeb;background:linear-gradient(135deg,rgba(249,115,22,.1),transparent 55%),#030c0ab3;font-size:10px;cursor:pointer}.track-page__back:hover,.track-page__nav-button:hover{background:#f9731629}.track-page__body{display:grid;grid-template-columns:minmax(180px,377px) minmax(240px,1fr) minmax(180px,233px);gap:21px;align-items:start}.track-page__art{margin:0;aspect-ratio:1;border:1px solid rgba(249,115,22,.5);background:#030c0abd;box-shadow:0 0 0 1px #f973161f inset,0 0 18px #ec610014}.track-page__copy,.track-page__stats{border-top:1px solid rgba(249,115,22,.34);padding-top:13px}.track-page__copy p{margin:0 0 21px;color:#ffc59ee0;font-size:clamp(13px,1vw,15px);line-height:1.7;white-space:pre-wrap}.track-page__stats dl{display:grid;grid-template-columns:auto 1fr;gap:8px 13px;margin:13px 0 0;font-size:11px;line-height:1.35}.track-page__stats dt{color:#ffa666bd}.track-page__stats dd{margin:0;color:#ffc59ee6;overflow-wrap:anywhere}.track-page__nav{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px;margin-top:auto;padding-right:clamp(300px,26vw,380px)}@media(min-width:751px)and (max-width:1200px){.titles__float--prev{bottom:calc(var(--grid-size) * 1.13 + 196px)}.titles__float--next{bottom:calc(var(--grid-size) * 1.13 + 158px)}.radio-player{right:var(--grid-size);bottom:calc(var(--grid-size) * 1.13);left:auto;width:clamp(377px,42vw,610px);grid-template-columns:1fr;gap:8px;min-height:144px}.radio-player__readout{gap:5px}.radio-player__meta{max-height:2.6em}.radio-player__deck{gap:8px}}.upload-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;overflow:auto;padding:calc(var(--grid-size) * 1.6) var(--grid-margin) calc(var(--grid-size) * 1.2);background:linear-gradient(90deg,#030c0af5,#000000db 42%,#030c0af0),repeating-linear-gradient(to bottom,rgba(249,115,22,.05) 0 1px,transparent 1px 5px)}.upload-page__inner{width:min(860px,100%);margin:0 auto;font-family:var(--font-display)}.upload-page__header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:21px;border-bottom:1px solid rgba(249,115,22,.4);padding-bottom:16px;margin-bottom:21px}.upload-page__eyebrow{margin:0 0 8px;color:#ffa666e0;font-family:var(--font-ui);font-size:11px;letter-spacing:.18em}.upload-page__title{margin:0 0 8px;color:#ffc59ef7;font-size:clamp(28px,3.6vw,52px);font-weight:700;line-height:1.02;text-shadow:0 0 12px rgba(236,97,0,.24)}.upload-page__sub{max-width:52ch;margin:0;color:#ffffffb8;font-size:clamp(12px,1vw,14px);line-height:1.6}.upload-page__back{min-height:34px;border:1px solid rgba(249,115,22,.44);border-radius:2px;padding:0 13px;color:#ffffffb8;background:#0003;font-family:var(--font-display);font-size:10px;font-weight:800;letter-spacing:.1em;cursor:pointer;transition:all .2s ease}.upload-page__back:hover{border-color:#ec6100;color:#ec6100}.upload-page__form{display:grid;gap:18px}.upload-page__label{display:block;margin:0 0 7px;color:#ffa666e0;font-family:var(--font-ui);font-size:10px;letter-spacing:.16em}.upload-page__types{margin:0;padding:0;border:0}.upload-page__type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.upload-page__type{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid rgba(249,115,22,.3);border-radius:2px;background:#0000006b;text-align:left;cursor:pointer;transition:all .2s ease}.upload-page__type:hover{border-color:#f97316b3}.upload-page__type.is-active{border-color:#ec6100;background:#ec610029;box-shadow:0 0 18px #ec61002e}.upload-page__type-label{color:#ffc59ef5;font-size:11px;font-weight:800;letter-spacing:.12em}.upload-page__type-hint{color:#ffffff8c;font-size:11px}.upload-page__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}.upload-page__field{display:block;min-width:0}.upload-page__input{width:100%;min-height:40px;padding:0 12px;border:1px solid rgba(249,115,22,.32);border-radius:2px;color:#ffffffeb;background:#00000073;font-family:var(--font-display);font-size:13px;outline:none;transition:border-color .2s ease}.upload-page__input::placeholder{color:#ffffff47}.upload-page__input:focus{border-color:#ec6100;box-shadow:0 0 14px #ec61002e}.upload-page__drop{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:110px;justify-content:center;padding:18px;border:1px dashed rgba(249,115,22,.5);border-radius:2px;background:repeating-linear-gradient(90deg,rgba(249,115,22,.03) 0 1px,transparent 1px 8px),#0006;cursor:pointer;transition:all .2s ease}.upload-page__drop:hover,.upload-page__drop.is-dragging{border-color:#ec6100;background:repeating-linear-gradient(90deg,rgba(249,115,22,.06) 0 1px,transparent 1px 8px),#ec610014}.upload-page__drop-glyphs{color:#ffc59ef2;font-family:var(--font-ui);font-size:13px;letter-spacing:.1em;text-shadow:0 0 8px rgba(236,97,0,.3)}.upload-page__drop-hint{color:#ffffff80;font-family:var(--font-ui);font-size:10px;letter-spacing:.06em}.upload-page__files{display:grid;gap:6px;margin:0;padding:0;list-style:none}.upload-page__file{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid rgba(249,115,22,.26);border-radius:2px;background:#0000006b;font-family:var(--font-ui);font-size:11px}.upload-page__file-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ffc59eeb}.upload-page__file-size{margin-left:auto;color:#ffffff80}.upload-page__file-remove{color:#ffa666cc;font-family:var(--font-ui);font-size:11px;cursor:pointer}.upload-page__file-remove:hover{color:#ec6100}.upload-page__rights{display:flex;align-items:flex-start;gap:10px;color:#ffffffb8;font-size:12px;line-height:1.5;cursor:pointer}.upload-page__rights input{margin-top:2px;accent-color:#ec6100}.upload-page__submit{justify-self:start;min-height:44px;padding:0 22px;border:0;border-radius:2px;color:#fff;background:#ec6100;box-shadow:0 10px 30px #ec61003d;font-family:var(--font-display);font-size:11px;font-weight:900;letter-spacing:.16em;cursor:pointer;transition:background .2s ease}.upload-page__submit:hover{background:#f97316}.upload-page__progress{display:grid;gap:6px}.upload-page__progress-bar{margin:0;color:var(--live-green);font-family:var(--font-ui);font-size:14px;letter-spacing:.04em;text-shadow:0 0 10px rgba(52,255,92,.4)}.upload-page__progress-label{color:#ffa666e0;font-family:var(--font-ui);font-size:10px;letter-spacing:.16em}.upload-page__error{margin:0;color:#ff6a4d;font-family:var(--font-ui);font-size:12px;letter-spacing:.04em}.upload-page__success{display:grid;gap:14px;justify-items:start}.upload-page__success-art{margin:0;color:var(--live-green);font-family:var(--font-ui);font-size:13px;line-height:1.3;text-shadow:0 0 10px rgba(52,255,92,.35)}.upload-page__success-copy{max-width:56ch;margin:0;color:#ffffffc7;font-size:14px;line-height:1.6}.upload-page__success-actions{display:flex;gap:10px}.contents{position:absolute;z-index:-1;width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden}.contents__list{display:flex;flex-direction:column;gap:calc(var(--grid-size) * 2);width:fit-content;margin-left:calc(var(--grid-margin) + var(--grid-size) * 2);margin-block:calc(var(--grid-size) * 2 + var(--grid-margin)) calc(var(--grid-size) * 4 + var(--grid-margin))}.contents__item{position:relative;display:block;width:calc(var(--grid-size) * 5);height:calc(var(--grid-size) * 5);outline:.5px solid var(--color-white-300);border:.5px solid var(--color-white-300);background:var(--color-white-100);box-shadow:0 0 18px #ec610012 inset}.contents__item__title{position:absolute;bottom:0;left:0;display:flex;flex-direction:column;width:calc(var(--grid-size) * 6.2);margin:0;transform:translateY(calc(100% + 8rem));opacity:0;font-family:var(--font-ui);font-size:12px;line-height:1.25;white-space:pre-wrap;transition:opacity .1s ease;color:var(--color-black-100);text-shadow:0 0 4px rgba(236,97,0,.18)}.contents__item.is-active .contents__item__title{opacity:1}.titles__float{position:fixed;z-index:7;right:calc(var(--grid-size) * 1.35);max-width:min(320px,26vw);pointer-events:none}.titles__float--prev{bottom:calc(var(--grid-size) * 1.89 + 196px)}.titles__float--next{bottom:calc(var(--grid-size) * 1.89 + 158px)}.titles__float__text{display:block;width:fit-content;max-width:100%;margin-left:auto;padding:7px 11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid rgba(249,115,22,.24);border-radius:2px;background:#0009;color:#ffffffb8;font-family:var(--font-display);font-size:10px;font-weight:600;letter-spacing:.08em;line-height:1.4;text-shadow:none}.info{display:none}.info__item{display:none;flex-direction:column;gap:1em;background:var(--color-white-200);font-family:var(--font-ui);font-size:12rem;line-height:1.4;white-space:pre-wrap;color:var(--color-black-100);text-shadow:0 0 8px rgba(236,97,0,.26)}.info__item.is-active{display:flex}.info__item__title,.info__item__text{margin:0}.base-footer{position:absolute;bottom:calc(var(--grid-margin) + var(--grid-size));left:var(--grid-margin);z-index:6}.base-footer__next{position:relative;display:flex;flex-direction:column;width:var(--grid-size);height:calc(var(--grid-size) * 6);outline:.5px solid var(--color-white-300);border:.5px solid var(--color-white-300);background:var(--color-white-100);box-shadow:0 0 14px #ec61000f inset}.base-footer__next-title-box{height:calc(var(--grid-size) * 2);display:flex;align-items:center;justify-content:center}.base-footer__next-title{margin:0;font-family:var(--font-ui);font-size:20rem;line-height:1;writing-mode:vertical-rl}.base-footer__next-progress-box{position:relative;flex:1;display:flex;align-items:center;justify-content:center;border-top:.5px solid var(--color-white-300)}.base-footer__next-progress{width:2px;height:90%;overflow:hidden;background:var(--color-white-300)}.base-footer__next-progress-child{width:100%;height:100%;background:var(--color-black-100);transform:scaleY(var(--progress, 0));transform-origin:top}@media(max-width:750px){:root{--split-num: 10;--base-vw: 390}.default{overflow-x:hidden}.container[page-name=works]{width:100vw}.base-header{gap:8px;padding:8px var(--grid-margin)}.base-header__logo{height:24px}.base-header__live{padding:6px 8px;font-size:9px}.base-header__link,.base-header__cta{padding:8px 10px;font-size:9px;letter-spacing:.1em}.contents__list{margin-left:calc(var(--grid-margin));margin-top:calc(var(--grid-size) * 3)}.contents__item{width:calc(var(--grid-size) * 3.1);height:calc(var(--grid-size) * 3.1)}.vinyl-selector{--vinyl-size: clamp(240px, 70vw, 320px);top:calc(var(--grid-size) * 1.7);left:50%;transform:translate(-50%);height:calc(var(--vinyl-size) * 1.2)}.vinyl-selector__track{width:calc(var(--vinyl-size) * .2)}.vinyl-selector__title{top:calc(var(--vinyl-size) * 1.02);left:50%;transform:translate(-50%);width:calc(var(--vinyl-size) * .9);font-size:11px;text-align:center}.vinyl-selector__scroll-cue{left:calc(var(--vinyl-size) * .92)}.vinyl-selector__scroll-cue--up{top:calc(var(--vinyl-size) * .02)}.vinyl-selector__scroll-cue--down{top:calc(var(--vinyl-size) * .82)}.radio-hero{top:calc(var(--grid-size) * 1.7 + clamp(240px,70vw,320px) * 1.32);left:var(--grid-margin);right:var(--grid-margin);width:auto;padding:12px 14px;text-align:center}.radio-hero__eyebrow{margin-bottom:6px;font-size:9px}.radio-hero__title{align-items:center;gap:4px;margin-bottom:8px}.radio-hero__logo{height:clamp(22px,6.5vw,30px)}.radio-hero__title-text{font-size:clamp(14px,4.5vw,20px)}.radio-hero__copy{margin-bottom:10px;font-size:11px}.radio-hero__cta{padding:8px 12px;font-size:10px}.radio-player{right:var(--grid-margin);bottom:calc(var(--grid-margin) * .9);left:var(--grid-margin);width:auto;grid-template-columns:1fr;gap:8px;min-height:auto;max-height:none;padding:13px}.radio-player__title{font-size:15px}.radio-player__meta{max-height:2.6em}.radio-player__controls{grid-template-columns:repeat(4,1fr)}.track-page{padding:calc(var(--grid-size) * 2.5) var(--grid-margin) calc(var(--grid-size) * 5)}.upload-page{padding:calc(var(--grid-size) * 2.2) var(--grid-margin) calc(var(--grid-size) * 2)}.upload-page__header,.upload-page__grid,.track-page__header,.track-page__body,.track-page__nav{grid-template-columns:1fr}.track-page__nav{padding-right:0}.container.is-track-view .radio-player{width:auto}.radio-player,.radio-hero{-webkit-backdrop-filter:none;backdrop-filter:none}.track-page__title{max-width:100%;font-size:clamp(28px,9vw,40px)}.info,.titles__float{display:none}.ascii__canvas{height:100svh;filter:none}}@media(max-width:480px){.ascii,.base-header__link{display:none}}@media(max-height:660px){.radio-hero__eyebrow,.radio-hero__copy{display:none}.radio-hero{padding:12px 14px}}