@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-latin-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{color-scheme:dark;--night: #07110f;--basin: #0c1b18;--surface: #10231f;--glass: rgba(18, 42, 37, .8);--chalk: #f0f7f3;--reed: #b8cbc4;--quiet: #8da59c;--line: rgba(184, 203, 196, .19);--signal: #b8ff5a;--signal-ink: #102000;--cyan: #58e6d2;--amber: #ffc56e;--coral: #ff897d;--display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{background:var(--night);scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--night);color:var(--chalk);font:16px/1.5 var(--body)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.27;background-image:linear-gradient(rgba(88,230,210,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(88,230,210,.02) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,black,transparent 72%)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:var(--cyan);text-underline-offset:3px}img{max-width:100%}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.skip-link{position:fixed;z-index:100;left:12px;top:12px;padding:10px 16px;border-radius:8px;color:var(--signal-ink);background:var(--signal);transform:translateY(-150%);transition:transform .18s ease}.skip-link:focus{transform:translateY(0)}.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}.topbar{position:relative;z-index:10;height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(16px,4vw,48px);border-bottom:1px solid var(--line);background:#07110fdb;backdrop-filter:blur(18px)}.brand{justify-self:start;display:inline-flex;align-items:center;gap:10px;color:var(--chalk);font:600 20px/1 var(--display);text-decoration:none}.brand h1{margin:0;font:inherit;letter-spacing:0}.brand-mark{position:relative;width:24px;height:24px;border:2px solid var(--signal);border-right-color:#b8ff5a40;border-radius:50%}.brand-mark:after{content:"";position:absolute;width:3px;height:12px;top:4px;right:3px;border-radius:2px;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.top-status{display:inline-flex;gap:8px;align-items:center;color:var(--quiet);font-size:13px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--signal);box-shadow:0 0 8px #b8ff5a80}#support-button{justify-self:end}.offline-banner{padding:10px 16px;text-align:center;color:var(--signal-ink);background:var(--amber);font-weight:650}main{position:relative;z-index:1;min-height:calc(100vh - 72px)}.hero{width:min(1440px,100%);min-height:calc(100vh - 72px);margin:auto;padding:clamp(56px,7vw,100px) clamp(20px,5vw,72px);display:grid;grid-template-columns:minmax(320px,.82fr) minmax(480px,1.18fr);gap:clamp(40px,6vw,96px);align-items:center;overflow:hidden}.hero-copy{position:relative;z-index:2;max-width:620px}.eyebrow{margin:0 0 8px;color:var(--signal);font-size:12px;line-height:1.3;font-weight:750;letter-spacing:.16em;text-transform:uppercase}h1,h2{margin:0;font-family:var(--display);font-weight:600;line-height:1.04;letter-spacing:-.035em}.hero-title{max-width:700px;font-size:clamp(42px,5.4vw,72px)}h2{font-size:clamp(22px,3vw,28px)}.lede{max-width:590px;margin:24px 0 32px;color:var(--reed);font-size:clamp(17px,2vw,20px);line-height:1.6}.hero-actions,.studio-actions,.sheet-actions{display:flex;flex-wrap:wrap;gap:12px}.button,.ghost,.play-button,.icon-button,.dialog-close{min-height:44px;border:1px solid transparent;border-radius:8px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:background .18s ease,border-color .18s ease,transform .18s ease}.button:active,.play-button:active{transform:translateY(1px)}.button{padding:12px 18px;font-weight:750}.primary{color:var(--signal-ink);background:var(--signal);box-shadow:0 0 24px #b8ff5a21}.primary:hover{background:#cbff83}.secondary{color:var(--chalk);background:#10231fb8;border-color:var(--line)}.secondary:hover,.ghost:hover{border-color:#58e6d28c;background:#1f40399e}.ghost{padding:8px 14px;background:transparent;border-color:var(--line)}.small{min-height:44px;font-size:14px}.compact{padding:8px 13px;font-size:14px}.wide{width:100%}.file-label{position:relative;cursor:pointer}.file-label input{position:absolute;width:1px;height:1px;opacity:0}.file-label:focus-within{outline:3px solid var(--cyan);outline-offset:3px}.privacy-note{display:flex;align-items:center;gap:8px;margin-top:20px;color:var(--quiet);font-size:14px}.privacy-note span{color:var(--cyan)}.hero-art{position:relative;margin:0;transform:perspective(1200px) rotateY(-4deg)}.hero-art:before{content:"";position:absolute;inset:10% 8%;z-index:-1;background:#58e6d21f;filter:blur(60px)}.hero-art img{display:block;width:100%;height:auto;border-radius:16px;border:1px solid rgba(88,230,210,.25);box-shadow:0 40px 80px #0000007a}.hero-art figcaption{position:absolute;bottom:16px;left:16px;padding:8px 12px;border:1px solid rgba(255,255,255,.16);border-radius:7px;color:var(--reed);background:#07110fbd;backdrop-filter:blur(12px);font-size:13px}.studio{width:min(1440px,100%);margin:auto;padding:36px clamp(16px,4vw,48px) 96px}.studio-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.project-title{width:min(680px,85vw);padding:0;border:0;border-bottom:1px solid transparent;color:var(--chalk);background:transparent;font:600 clamp(28px,4vw,40px)/1.15 var(--display);letter-spacing:-.035em}.project-title:hover,.project-title:focus{border-bottom-color:var(--line)}.track-meta{display:flex;gap:8px;margin:8px 0 0;color:var(--quiet);font-size:14px}.performance-frame{position:relative;overflow:hidden;aspect-ratio:16 / 8.2;min-height:300px;border:1px solid rgba(88,230,210,.22);border-radius:16px 16px 4px 4px;background:#07110f;box-shadow:0 24px 70px #0006}#visual-canvas{display:block;width:100%;height:100%}.canvas-overlay{position:absolute;inset:18px 18px auto;display:flex;justify-content:space-between;gap:16px;color:#f0f7f3bd;font-size:13px;text-transform:uppercase;letter-spacing:.12em}.record-badge{position:absolute;left:18px;bottom:18px;display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;color:var(--chalk);background:#07110fc2;font-size:13px}.record-badge span{width:8px;height:8px;border-radius:50%;background:var(--coral)}.transport{display:grid;grid-template-columns:auto auto 1fr auto;gap:16px;align-items:center;min-height:72px;padding:12px 16px;border:1px solid var(--line);border-top:0;border-radius:0 0 16px 16px;background:var(--glass);backdrop-filter:blur(18px)}.play-button{width:48px;background:var(--signal);color:var(--signal-ink);font-weight:800}.time-readout{min-width:156px;display:flex;gap:6px;align-items:baseline;color:var(--quiet);font-variant-numeric:tabular-nums;font-size:13px}.time-readout strong{color:var(--chalk);font-size:15px}.timeline-label{display:flex;align-items:center;min-height:44px}input[type=range]{width:100%;height:24px;accent-color:var(--signal);cursor:pointer}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.6fr);gap:24px;margin-top:24px}.cue-maker,.timing-panel{padding:clamp(20px,3vw,32px);border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#122a25e0,#0a1b17b8)}.section-heading{display:flex;align-items:start;justify-content:space-between;gap:16px}kbd{padding:5px 9px;border:1px solid var(--line);border-bottom-width:2px;border-radius:6px;color:var(--reed);background:var(--night);font:13px var(--body)}fieldset{padding:0;border:0}.scene-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.scene-picker legend{margin-bottom:10px;color:var(--quiet);font-size:13px}.scene-picker button{min-height:86px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;color:var(--reed);background:#07110f6b;cursor:pointer}.scene-picker button[aria-pressed=true]{color:var(--chalk);border-color:var(--signal);background:#b8ff5a17;box-shadow:inset 0 0 0 1px #b8ff5a1f}.scene-icon{width:36px;height:24px;position:relative}.contour-icon{border-top:2px solid var(--cyan);border-bottom:2px solid var(--signal);transform:skewY(-8deg)}.contour-icon:after{content:"";position:absolute;inset:9px 0 auto;border-top:2px solid var(--reed)}.orbit-icon{border:2px solid var(--cyan);border-radius:50%;transform:rotate(-18deg) scaleY(.55)}.orbit-icon:after{content:"";position:absolute;width:6px;height:6px;right:-3px;top:7px;border-radius:50%;background:var(--signal)}.shard-icon{background:linear-gradient(135deg,transparent 10%,var(--cyan) 11% 13%,transparent 14%),linear-gradient(65deg,transparent 45%,var(--signal) 46% 51%,transparent 52%)}.parameter-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.parameter-row label{color:var(--reed);font-size:14px}.parameter-row output{float:right;color:var(--chalk);font-variant-numeric:tabular-nums}.parameter-row input{display:block;margin-top:8px}.note-field{display:block;margin:20px 0;color:var(--reed);font-size:14px}.note-field input,.timing-inputs input,.restore-block input,.cue-row input,.cue-row select{width:100%;min-height:44px;margin-top:6px;padding:9px 11px;border:1px solid var(--line);border-radius:7px;color:var(--chalk);background:#07110fa3}.shortcut-hint{margin:12px 0 0;text-align:center;color:var(--quiet);font-size:12px}.timing-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.timing-inputs label{color:var(--quiet);font-size:13px}.beat-now{display:flex;align-items:baseline;justify-content:space-between;margin:24px 0;padding:18px 0;border-block:1px solid var(--line);color:var(--quiet)}.beat-now strong{color:var(--signal);font:600 30px var(--display);font-variant-numeric:tabular-nums}.advisory{display:flex;gap:10px;color:var(--reed);font-size:14px}.advisory span{color:var(--amber);font-size:22px}.cue-sheet{margin-top:56px}.sheet-heading{align-items:end;padding-bottom:18px;border-bottom:1px solid var(--line)}#cue-sheet-title span{display:inline-grid;place-items:center;min-width:30px;min-height:30px;margin-left:8px;border:1px solid var(--line);border-radius:99px;color:var(--reed);font:14px var(--body);vertical-align:4px}.cue-empty{min-height:180px;display:grid;place-items:center;align-content:center;gap:14px;color:var(--quiet);text-align:center}.empty-beacon{display:block;width:3px;height:44px;background:var(--signal);box-shadow:0 0 16px #b8ff5a8c}.cue-list{margin:0;padding:0;list-style:none}.cue-row{display:grid;grid-template-columns:52px 116px 76px minmax(145px,.65fr) minmax(180px,1fr) 44px;gap:12px;align-items:end;padding:14px 0;border-bottom:1px solid var(--line)}.cue-row label>span,.cue-beat span{display:block;color:var(--quiet);font-size:11px;text-transform:uppercase;letter-spacing:.09em}.cue-row input,.cue-row select{margin-top:4px}.cue-seek,.icon-button{min-height:44px;border:1px solid var(--line);border-radius:7px;background:#10231fa8;cursor:pointer}.cue-seek{position:relative;align-self:end;color:var(--signal);font-weight:750}.cue-seek i{position:absolute;width:2px;height:16px;top:-10px;left:50%;background:var(--signal);box-shadow:0 0 8px #b8ff5a80}.cue-beat{align-self:center}.cue-beat strong{color:var(--reed);font-variant-numeric:tabular-nums}.icon-button{font-size:23px;color:var(--coral)}.icon-button:hover{border-color:var(--coral);background:#ff897d14}dialog{width:min(560px,calc(100vw - 28px));padding:0;border:1px solid rgba(88,230,210,.35);border-radius:16px;color:var(--chalk);background:var(--basin);box-shadow:0 30px 100px #000000b8}dialog::backdrop{background:#020807c7;backdrop-filter:blur(8px)}.dialog-shell{position:relative;padding:clamp(24px,5vw,40px)}.dialog-shell h2{font-size:34px}.dialog-shell>p:not(.eyebrow,.price,.legal-note,.license-status){color:var(--reed)}.dialog-close{position:absolute;right:16px;top:16px;width:44px;background:transparent;border-color:var(--line);font-size:24px}.price{display:flex;align-items:baseline;gap:8px;margin:24px 0 16px}.price strong{font:600 30px var(--display);color:var(--signal)}.price span{margin-left:auto;color:var(--quiet);font-size:13px}.restore-block{margin-top:28px;padding-top:22px;border-top:1px solid var(--line);color:var(--reed);font-size:14px}.restore-block>div{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:8px}.restore-block input{margin:0}.license-status{min-height:24px;color:var(--amber)}.legal-note{color:var(--quiet);font-size:12px}.toast{position:fixed;z-index:100;left:50%;bottom:max(24px,env(safe-area-inset-bottom));width:min(520px,calc(100vw - 32px));padding:13px 16px;transform:translate(-50%);border:1px solid rgba(88,230,210,.4);border-radius:8px;color:var(--chalk);background:#0c1b18f2;box-shadow:0 16px 50px #00000073;text-align:center}.toast[data-type=error]{border-color:var(--coral)}footer{position:relative;z-index:1;display:flex;justify-content:space-between;gap:16px;padding:28px clamp(16px,4vw,48px) max(28px,env(safe-area-inset-bottom));border-top:1px solid var(--line);color:var(--quiet);font-size:13px}footer nav{display:flex;gap:16px}footer a{color:var(--reed)}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:64px}.hero-art{max-width:740px}.workspace-grid{grid-template-columns:1fr}.cue-row{grid-template-columns:48px 105px 70px 1fr 44px}.cue-note{grid-column:2 / 5}}@media(max-width:620px){.topbar{height:64px;grid-template-columns:1fr auto;padding-inline:16px}.top-status{display:none}.hero{min-height:calc(100vh - 64px);padding:48px 20px 64px}.hero-title{font-size:clamp(40px,13vw,54px)}.hero-actions{align-items:stretch;flex-direction:column}.hero-art{transform:none}.studio{padding-top:24px}.studio-heading{align-items:stretch;flex-direction:column}.performance-frame{aspect-ratio:1 / .82;min-height:280px}.canvas-overlay{inset:12px 12px auto;font-size:10px}.transport{grid-template-columns:auto 1fr auto;gap:10px}.timeline-label{grid-column:1 / -1;grid-row:2}.time-readout{min-width:0}#record{font-size:0;width:44px;padding:0}#record:after{content:"●";color:var(--coral);font-size:20px}.cue-maker,.timing-panel{padding:20px 16px}.scene-picker{gap:8px}.scene-picker button{min-height:80px;font-size:13px}.parameter-row{grid-template-columns:1fr;gap:16px}.shortcut-hint{display:none}.sheet-heading{align-items:stretch;flex-direction:column}.sheet-actions{display:grid;grid-template-columns:1fr 1fr}.cue-row{grid-template-columns:48px 1fr 74px 44px;gap:8px;padding-block:18px}.cue-time{grid-column:2}.cue-beat{grid-column:3}.cue-scene,.cue-note{grid-column:2 / 4}.icon-button{grid-column:4;grid-row:1}footer{flex-wrap:wrap}footer>:last-child{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-art{transform:none}}