:root{--bg: #0b0a09;--panel: #131110;--panel-hi: #1b1917;--rule: #2a2724;--rule-soft: #201d1b;--rule-strong: #3a342f;--sunk: #0e0d0c;--stage: #0a0908;--shade: #000;--ink: #f0e9dd;--ink-dim: #a8a094;--ink-faint: #8d857a;--signal: #ff7a1a;--signal-ink: #ff7a1a;--signal-top: #ff8c33;--signal-edge: #c25c0f;--signal-soft: rgba(255, 122, 26, .16);--signal-glow: rgba(255, 122, 26, .42);--on-signal: #150c04;--on-tint: #2f2a26;--good: #7bd88f;--good-top: #93e3a4;--good-edge: #4f9d61;--danger: #ff8f6b;--danger-fill: #b3352b;--sheen: rgba(255, 255, 255, .04);--knob-off: #6b625a;--knob-top: #f5efe4;--knob-bottom: #b8b0a4;--tl-heat: rgba(240, 233, 221, .1);--tl-region: rgba(255, 122, 26, .15);--tl-region-off: rgba(240, 233, 221, .055);--serif: "Instrument Serif", Georgia, serif;--sans: "Archivo", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--r: 14px;--r-sm: 9px;--r-xs: 6px;--pad: clamp(16px, 2.4vw, 26px);--f2: 8px;--f3: 13px;--f4: 21px;--f5: 34px;--f6: 55px;--f7: 89px;--ease: cubic-bezier(.22, .61, .36, 1);--dur: .26s;--dur-slow: .42s;color-scheme:dark}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg: #f4f1ea;--panel: #fdfbf7;--panel-hi: #fffdfa;--rule: #ded6c9;--rule-soft: #e8e2d8;--rule-strong: #cbc2b3;--sunk: #fffdfa;--ink: #1b1714;--ink-dim: #56504a;--ink-faint: #6f665c;--signal-ink: #b04d08;--signal-soft: rgba(255, 122, 26, .12);--signal-glow: rgba(255, 122, 26, .28);--on-tint: #4a3a2c;--good: #2c6e49;--danger: #a8322a;--sheen: rgba(255, 255, 255, .75);--shade: #6b6055;--knob-off: #b3aa9d;--knob-top: #fffdfa;--knob-bottom: #cfc7ba;--tl-heat: rgba(27, 23, 20, .08);--tl-region: rgba(255, 122, 26, .2);--tl-region-off: rgba(27, 23, 20, .05);color-scheme:light}}:root[data-theme=light]{--bg: #f4f1ea;--panel: #fdfbf7;--panel-hi: #fffdfa;--rule: #ded6c9;--rule-soft: #e8e2d8;--rule-strong: #cbc2b3;--sunk: #fffdfa;--ink: #1b1714;--ink-dim: #56504a;--ink-faint: #6f665c;--signal-ink: #b04d08;--signal-soft: rgba(255, 122, 26, .12);--signal-glow: rgba(255, 122, 26, .28);--on-tint: #4a3a2c;--good: #2c6e49;--danger: #a8322a;--sheen: rgba(255, 255, 255, .75);--shade: #6b6055;--knob-off: #b3aa9d;--knob-top: #fffdfa;--knob-bottom: #cfc7ba;--tl-heat: rgba(27, 23, 20, .08);--tl-region: rgba(255, 122, 26, .2);--tl-region-off: rgba(27, 23, 20, .05);color-scheme:light}:root[data-theme=light] .grain{opacity:.014}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .grain{opacity:.014}}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100%;overflow-x:clip}body{display:flex;flex-direction:column;min-height:100dvh;background:var(--bg);background-image:radial-gradient(ellipse 90% 60% at 50% -10%,rgba(255,122,26,.07),transparent 70%),radial-gradient(ellipse 70% 50% at 100% 100%,rgba(255,160,90,.035),transparent 60%);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}.grain{position:fixed;inset:-50%;pointer-events:none;z-index:100;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}.label{font-family:var(--sans);font-size:9.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint)}.timecode{font-family:var(--mono);font-weight:500;font-variant-numeric:tabular-nums;font-size:30px;letter-spacing:-.02em;color:var(--ink);display:block;line-height:1.1}.timecode--sm{font-size:15px;color:var(--ink-dim)}.panel{background:linear-gradient(180deg,var(--panel-hi),var(--panel));border:1px solid var(--rule-soft);border-radius:var(--r);box-shadow:inset 0 1px 0 var(--sheen),0 1px 2px #0006,0 20px 46px -28px var(--shade)}.expand:not(.is-open){display:none}.expand.is-open{animation:rise .36s var(--ease) both}.disclose{overflow:hidden;max-height:0;opacity:0;transform:translateY(-5px);transition:max-height var(--dur-slow) var(--ease),opacity var(--dur) var(--ease),transform var(--dur) var(--ease),padding-top var(--dur) var(--ease),border-top-color var(--dur) var(--ease)}.disclose.is-open{max-height:260px;opacity:1;transform:none}.rail{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px var(--pad);border-bottom:1px solid var(--rule-soft)}.rail__brand{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.wordmark{font-family:var(--serif);font-size:27px;letter-spacing:.01em;line-height:1}.wordmark em{font-style:italic;color:var(--signal-ink)}.rail__sub{font-size:9.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint)}.rail__tools{display:flex;align-items:center;gap:clamp(10px,2vw,20px);flex-wrap:wrap}.rail__status{display:flex;align-items:center;gap:9px}.ghost{background:none;border:1px solid var(--rule);border-radius:var(--r-xs);color:var(--ink-dim);font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.04em;padding:7px 12px;cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap}.ghost:hover{color:var(--signal-ink);border-color:#ff7a1a80}.ghost--install{color:var(--signal-ink);border-color:#ff7a1a6b}.ghost--install:hover{border-color:var(--signal-ink)}@media(pointer:fine){.ghost--install{display:none}}.foot__act{background:none;border:none;padding:0;font:inherit;font-size:13px;color:var(--ink-dim);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.foot__act:hover{color:var(--signal-ink)}.theme{display:flex;align-items:center;gap:3px;margin:0;padding:3px;border:1px solid var(--rule-soft);border-radius:999px;background:var(--sunk);align-self:flex-start}.theme__legend{float:left;padding:0 10px 0 6px;font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);line-height:26px}.theme__opt{position:relative;display:flex}.theme__opt input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.theme__opt span{display:block;padding:5px 13px;border-radius:999px;font-size:11.5px;font-weight:500;color:var(--ink-faint);white-space:nowrap;transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}.theme__opt:hover span{color:var(--ink-dim)}.theme__opt input:checked+span{background:var(--panel-hi);color:var(--ink);box-shadow:inset 0 1px 0 var(--sheen)}.theme__opt input:focus-visible+span{outline:2px solid var(--signal);outline-offset:2px}@media(max-width:620px){.theme{align-self:stretch;justify-content:center}.theme__legend{display:none}.theme__opt span{padding:7px 15px}}@media(pointer:coarse){.foot--desk{display:none}}body[data-role=viewer] .maker-only{display:none!important}body:not([data-role=viewer]) .viewer-only{display:none}body[data-role=viewer] .deck__hint{display:none}.unfold{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;margin-top:var(--f3);padding:12px 15px;background:none;border:1px dashed var(--rule);border-radius:var(--r-sm);color:var(--ink-dim);font-family:var(--sans);text-align:left;cursor:pointer;transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.unfold:hover{border-color:#ff7a1a80;color:var(--ink)}.unfold:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.unfold__main{font-size:13.5px;font-weight:600}.unfold__sub{font-size:11.5px;color:var(--ink-faint)}.fmt__code{margin:var(--f3) 0 var(--f4);padding:var(--f3) var(--f4);background:var(--sunk);border:1px solid var(--rule-soft);border-radius:var(--r-sm);overflow-x:auto}.fmt__code code{font-family:var(--mono);font-size:13px;line-height:1.6;color:var(--ink);white-space:pre;background:none;border:none;padding:0}.times{display:flex;flex-direction:column;gap:var(--f2)}.times__body{padding-top:var(--f2)}.times__row{display:flex;align-items:flex-end;flex-wrap:wrap;gap:var(--f2)}.times__field{display:flex;flex-direction:column;gap:5px;min-width:0}.times__input{width:108px;background:var(--sunk);border:1px solid var(--rule);border-radius:var(--r-sm);color:var(--ink);font-family:var(--mono);font-size:15px;font-variant-numeric:tabular-nums;padding:10px 12px;outline:none;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}@media(hover:hover){.times__input:hover{border-color:var(--rule-strong)}}.times__input:focus{border-color:var(--signal);box-shadow:0 0 0 3px var(--signal-soft)}.times__input::placeholder{color:var(--ink-faint)}.times__input[data-bad=true]{border-color:var(--danger);box-shadow:0 0 0 3px #ff8f6b24}.times__to{font-family:var(--mono);font-size:15px;color:var(--ink-faint);padding-bottom:11px}.times__go{padding:0 18px;min-height:40px}.times__hint{margin:var(--f2) 0 0;font-size:12px;line-height:1.5;color:var(--ink-faint)}.times__hint b{color:var(--ink-dim);font-family:var(--mono);font-weight:500}.times__hint[data-bad=true]{color:var(--danger)}@media(max-width:620px){.times__input{width:100%}.times__field{flex:1}.times__to{padding-bottom:12px}.times__go{width:100%;margin-top:var(--f2)}}.voice{display:flex;flex-direction:column;gap:var(--f3);padding:var(--f4);border:1px solid var(--rule-soft);border-radius:var(--r-sm);background:var(--sunk)}.voice__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--f3)}.voice__time{font-family:var(--mono);font-size:13px;color:var(--signal-ink);font-variant-numeric:tabular-nums}.voice__row{display:flex;align-items:center;gap:var(--f3);flex-wrap:wrap}.voice__rec{display:inline-flex;align-items:center;gap:var(--f2)}.voice__dot{width:9px;height:9px;border-radius:50%;background:var(--danger-fill);flex:none}.voice__rec[data-on=true] .voice__dot{animation:voice-pulse 1s ease-in-out infinite}.voice__rec[data-on=true]{color:var(--ink);border-color:#b3352b99}@keyframes voice-pulse{50%{opacity:.25}}.voice__play{height:34px;max-width:100%;flex:1;min-width:160px}.voice__play[hidden],.voice__del[hidden],.voice__time[hidden]{display:none}.voice__note{margin:0;font-size:12px;line-height:1.5;color:var(--ink-faint)}.switch--ask{margin-top:var(--f2)}.thread{display:flex;flex-direction:column;gap:var(--f3);padding:var(--f4);border:1px solid var(--rule);border-radius:var(--r);background:linear-gradient(180deg,var(--panel-hi),var(--panel))}.thread__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--f3)}.thread__tag{font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--signal-ink)}.thread__count{font-family:var(--mono);font-size:11.5px;color:var(--ink-faint)}.thread__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--f2)}.thread__list:empty{display:none}.thread__item{display:flex;align-items:baseline;gap:var(--f3);padding:9px 11px;border:1px solid var(--rule-soft);border-radius:var(--r-sm);background:var(--sunk);font-size:13px;cursor:pointer}.thread__item:hover{border-color:var(--rule)}.thread__who{color:var(--ink);font-weight:600;flex:none}.thread__when{font-family:var(--mono);font-size:11.5px;color:var(--signal-ink);flex:none;font-variant-numeric:tabular-nums}.thread__said{color:var(--ink-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.thread__hint{margin:0;font-size:12.5px;line-height:1.5;color:var(--ink-faint)}.draft{display:flex;flex-direction:column;gap:var(--f3);padding:var(--f4);border:1px solid var(--rule);border-radius:var(--r);background:linear-gradient(180deg,var(--panel-hi),var(--panel))}.draft__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--f3)}.draft__tag{font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--signal-ink)}.draft__count{font-family:var(--mono);font-size:11.5px;color:var(--ink-faint)}.draft__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--f2)}.draft__row{display:flex;align-items:center;gap:var(--f3);padding:6px 6px 6px 11px;border:1px solid var(--rule-soft);border-radius:var(--r-sm);background:var(--sunk);font-size:13px}.draft__n{flex:none;width:1.6em;font-family:var(--mono);font-size:11.5px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.draft__name{flex:1;min-width:0;padding:6px 8px;border:1px solid transparent;border-radius:var(--r-sm);background:transparent;color:var(--ink);font:inherit;font-size:13px}.draft__name::placeholder{color:var(--ink-faint)}.draft__name:hover{border-color:var(--rule-soft)}.draft__name:focus-visible{outline:none;border-color:var(--signal);background:var(--panel)}.draft__when{flex:none;font-family:var(--mono);font-size:11.5px;color:var(--signal-ink);font-variant-numeric:tabular-nums}.draft__drop{flex:none;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--r-sm);background:transparent;color:var(--ink-faint);font:inherit;font-size:16px;line-height:1;cursor:pointer;transition:color .16s ease-out,background-color .16s ease-out}.draft__drop:hover{color:var(--danger);background:var(--panel-hi)}.draft__drop:focus-visible{outline:2px solid var(--signal);outline-offset:-2px;color:var(--danger)}.draft__hint{margin:0;font-size:12.5px;line-height:1.5;color:var(--ink-faint)}@media(prefers-reduced-motion:reduce){.draft__drop{transition:none}}.parts{display:flex;flex-direction:column;gap:var(--f3);padding:var(--f4);border:1px solid var(--rule);border-radius:var(--r);background:linear-gradient(180deg,var(--panel-hi),var(--panel))}.parts__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--f3)}.parts__tag{font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--signal-ink)}.parts__count{font-family:var(--mono);font-size:11.5px;color:var(--ink-faint)}.parts__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--f2)}.parts__btn{min-height:44px;width:100%;display:flex;align-items:center;gap:var(--f3);padding:8px 11px;border:1px solid var(--rule-soft);border-left:3px solid transparent;border-radius:var(--r-sm);background:var(--sunk);color:inherit;font:inherit;font-size:13px;text-align:left;cursor:pointer;transition:border-color .16s ease-out,background-color .16s ease-out}.parts__btn:hover{border-color:var(--rule)}.parts__btn:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.parts__btn[aria-current=true]{border-left-color:var(--signal);background:var(--panel-hi)}.parts__n{flex:none;width:1.6em;font-family:var(--mono);font-size:11.5px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.parts__btn[aria-current=true] .parts__n{color:var(--signal-ink);font-weight:700}.parts__label{flex:1;min-width:0;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.parts__label--none{color:var(--ink-faint)}.parts__when{flex:none;font-family:var(--mono);font-size:11.5px;color:var(--signal-ink);font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.parts__btn{transition:none}}.vp{display:flex;align-items:center;gap:var(--f3);padding:9px 14px 9px 9px;border:1px solid var(--rule);border-radius:999px;background:var(--sunk);width:min(340px,100%)}.vp__go{flex:none;width:38px;height:38px;border-radius:50%;border:none;background:linear-gradient(180deg,var(--signal-top),var(--signal));color:var(--on-signal);font-size:12px;display:grid;place-items:center;cursor:pointer;transition:transform .12s var(--ease),filter .15s}.vp__go:hover{filter:brightness(1.1)}.vp__go:active{transform:scale(.94)}.vp__go:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.vp__glyph{line-height:1;transform:translate(.5px)}.vp__wave{flex:1;min-width:0;height:26px;display:flex;align-items:center;gap:2px;cursor:pointer}.vp__bar{flex:1;min-width:1px;border-radius:1px;background:var(--rule);transition:background .12s linear}.vp__bar[data-on=true]{background:var(--signal)}.vp[data-playing=true] .vp__bar[data-on=false]{background:var(--rule-strong)}.vp__clock{flex:none;font-family:var(--mono);font-size:12px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.reveal__voice{width:min(340px,100%);margin:0 auto}.reveal__voice[hidden]{display:none}.guide--slim{width:min(480px,calc(100vw - 28px))}.bm__opt{margin-top:var(--f5);padding-top:var(--f5);border-top:1px solid var(--rule-soft)}.bm__h{display:flex;align-items:center;gap:var(--f3);margin:0 0 var(--f4);font-family:var(--sans);font-size:15px;font-weight:600;color:var(--ink)}.bm__tag{font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--signal-ink);border:1px solid rgba(255,122,26,.4);border-radius:999px;padding:3px 8px}.bm__list{margin:0;padding-left:1.4em;display:flex;flex-direction:column;gap:var(--f3);font-size:14px;line-height:1.5;color:var(--ink-dim)}.bm__list li::marker{color:var(--ink-faint);font-family:var(--mono);font-size:12px}.bm__list em{font-style:normal;color:var(--ink);font-weight:600}.bm__body{margin:0;font-size:14px;line-height:1.55;color:var(--ink-dim)}.bm__aside{margin:var(--f4) 0 0;font-size:12.5px;line-height:1.6;color:var(--ink-faint)}.bm__opt--plain{color:var(--ink-dim)}.bm__well{display:flex;align-items:center;justify-content:center;margin:0 0 var(--f4);padding:var(--f4);border:1px dashed var(--rule);border-radius:var(--r);background:var(--sunk)}.bm__chip{display:inline-flex;align-items:center;background:linear-gradient(180deg,var(--signal-top),var(--signal));color:var(--on-signal);text-decoration:none;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:11px 17px;border-radius:var(--r-sm);box-shadow:0 8px 20px -8px var(--signal-glow);cursor:grab;white-space:nowrap}.bm__chip:active{cursor:grabbing}.bm__copy{font-size:11px;padding:9px 15px}.bm__code{display:block;width:100%;margin-top:var(--f2);background:var(--sunk);border:1px solid var(--rule);border-radius:var(--r-xs);color:var(--ink-dim);font-family:var(--mono);font-size:11px;padding:8px 9px}.account{display:flex;align-items:center}.account__me{display:flex;align-items:center;gap:9px}.account__me[hidden]{display:none}.account__pic{width:26px;height:26px;border-radius:50%;border:1px solid var(--rule);object-fit:cover;background:var(--panel-hi)}.account__name{font-size:13px;color:var(--ink);max-width:14ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account__out{background:none;border:none;color:var(--ink-faint);font-family:var(--sans);font-size:11.5px;cursor:pointer;padding:5px 7px;border-radius:var(--r-xs);transition:color var(--dur) var(--ease)}.account__out:hover{color:var(--signal-ink)}.account__out:focus-visible{outline:2px solid var(--signal);outline-offset:2px}@media(max-width:620px){.account__name{display:none}}.modeswitch{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none}body[data-screen=intro] .modeswitch{display:none}.modeswitch input{position:absolute;opacity:0;pointer-events:none}.modeswitch__track{width:34px;height:18px;border-radius:10px;background:var(--sunk);border:1px solid var(--rule);box-shadow:inset 0 1px 3px #0009;position:relative;flex:none;transition:border-color .16s,background .16s}.modeswitch__knob{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--knob-off);transition:transform .18s cubic-bezier(.3,.8,.4,1),background .18s}.modeswitch input:checked+.modeswitch__track{border-color:#ff7a1a8c;background:var(--signal-soft)}.modeswitch input:checked+.modeswitch__track .modeswitch__knob{transform:translate(16px);background:var(--signal);box-shadow:0 0 9px var(--signal-glow)}.modeswitch input:focus-visible+.modeswitch__track{outline:2px solid var(--signal);outline-offset:2px}.modeswitch__label{font-size:9.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);transition:color .16s}.modeswitch input:checked~.modeswitch__label{color:var(--signal-ink)}body[data-mode=simple] .pro-only{display:none!important}body[data-mode=simple] .studio{grid-template-columns:minmax(0,1fr);max-width:1100px;margin:0 auto}body[data-mode=simple] .trim{border-color:transparent;background:none;padding:0}body[data-mode=simple] .btn--set,body[data-mode=simple] .btn--loop,body[data-mode=simple] #btn-clear,body[data-mode=simple] .btn--primary{padding:14px 20px;font-size:11.5px;letter-spacing:.1em}body[data-mode=simple] .btn--set{min-width:118px}body[data-mode=simple] .btn--icon{padding:12px 17px}body[data-mode=pro] .deck__hint{display:none}body[data-mode=pro] .simple-only{display:none!important}.deck__hint{margin:0;font-size:12px;color:var(--ink-faint);line-height:1.45}.note-row{display:flex;flex-direction:column;gap:8px}.linky{align-self:flex-start;background:none;border:none;padding:2px 0;color:var(--ink-faint);font-family:var(--sans);font-size:12px;cursor:pointer;transition:color var(--dur) var(--ease)}.linky:hover,.linky[aria-expanded=true]{color:var(--signal-ink)}.composer{display:grid;grid-template-columns:1fr 190px;gap:14px;align-items:start}.composer__field{display:flex;flex-direction:column;gap:6px;position:relative;min-width:0}.composer .card-studio{grid-column:1 / -1}.composer__input{flex:1;min-width:0;background:var(--sunk);border:1px solid var(--rule-soft);border-radius:var(--r-sm);color:var(--ink);font-family:var(--sans);font-size:14px;padding:11px 13px;outline:none;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.composer__input::placeholder{color:var(--ink-faint)}.composer__input:focus{border-color:var(--signal-ink);box-shadow:0 0 0 3px var(--signal-soft)}.composer__count{position:absolute;right:11px;bottom:11px;font-family:var(--mono);font-size:11px;color:var(--ink-faint);pointer-events:none}.composer__count[data-low=true]{color:var(--signal-ink)}.composer__from{width:100%;background:var(--sunk);border:1px solid var(--rule-soft);border-radius:var(--r-sm);color:var(--ink);font-family:var(--sans);font-size:13.5px;padding:11px 12px;outline:none;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.composer__from::placeholder{color:var(--ink-faint)}.composer__from:focus{border-color:var(--signal-ink);box-shadow:0 0 0 3px var(--signal-soft)}.card-studio{display:flex;flex-direction:column;gap:12px;padding-top:12px;border-top:1px solid var(--rule-soft)}.switch--card{padding:0}.card-studio[data-ready=false] .switch--card{opacity:.45;pointer-events:none}.card-studio[data-locked=true] .switch__box{opacity:.4}.switch__title{display:block}.pro-tag{display:inline-block;margin-left:7px;padding:2px 7px;border-radius:999px;background:var(--signal-soft);border:1px solid rgba(255,122,26,.5);color:var(--signal-ink);font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;vertical-align:2px}.pro-tag[hidden]{display:none}.upsell{padding:20px;border-color:#ff7a1a4d;background:linear-gradient(180deg,#ff7a1a1a,#ff7a1a05)}.upsell[hidden]{display:none}.upsell__eyebrow{margin:0 0 6px;font-size:9.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--signal-ink)}.upsell__title{margin:0 0 8px;font-family:var(--serif);font-weight:400;font-size:22px;color:var(--ink)}.upsell__body{margin:0 0 16px;font-size:13.5px;line-height:1.5;color:var(--ink-dim)}body[data-pro=no] .rack>.module,body[data-pro=no] .trim .btn--nudge{pointer-events:none;opacity:.5;filter:saturate(.5);user-select:none}body[data-pro=no] .rack>.module input,body[data-pro=no] .rack>.module button{cursor:not-allowed}.locked{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 16px;border:1px solid rgba(255,122,26,.25);border-radius:var(--r-sm);background:linear-gradient(180deg,#ff7a1a12,#ff7a1a05)}.locked[hidden]{display:none}.locked__text{flex:1;min-width:220px;margin:0;font-size:13px;line-height:1.5;color:var(--ink-dim)}.locked__text strong{color:var(--signal-ink);font-weight:600}.card-studio__body{display:flex;flex-direction:column;gap:12px}.moods{display:flex;gap:7px;flex-wrap:wrap}.mood{position:relative;width:42px;height:42px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;overflow:hidden;transition:transform .16s var(--ease),border-color .16s var(--ease);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mood:hover{transform:scale(1.08)}.mood[aria-checked=true]{border-color:var(--ink)}.mood:focus-visible{outline:2px solid var(--signal);outline-offset:3px}.mood__dot{position:absolute;inset:0;margin:auto;width:12px;height:12px;border-radius:50%}.photo-row{display:flex;align-items:center;gap:8px}.drop--card{flex:1;min-height:44px;padding:10px 14px;font-size:13px}.card-opts{display:flex;flex-direction:column;gap:8px}.tick{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--ink-dim);cursor:pointer}.tick input{accent-color:var(--signal-ink);width:15px;height:15px;cursor:pointer}.tick input:disabled{cursor:not-allowed;opacity:.5}.tick input:disabled+span{opacity:.6}.card-preview{width:100%;max-width:460px;aspect-ratio:1200 / 630;height:auto;border-radius:var(--r-sm);border:1px solid var(--rule);display:block;background:var(--bg)}.ghost--new[data-primary=true]{color:var(--signal-ink);border-color:#ff7a1a8c;background:var(--signal-soft)}.dedication{display:flex;align-items:flex-start;gap:14px;padding:16px;border:1px solid rgba(255,122,26,.28);border-radius:var(--r);background:linear-gradient(180deg,#ff7a1a17,#ff7a1a08)}.dedication__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.dedication__tag{font-size:9.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--signal-ink)}.dedication__text{margin:0;font-family:var(--serif);font-size:clamp(18px,2.6vw,23px);line-height:1.35;color:var(--ink);overflow-wrap:anywhere}.dedication__x{flex:none;background:none;border:none;color:var(--ink-faint);font-size:20px;line-height:1;padding:2px 6px;cursor:pointer;border-radius:var(--r-xs)}.dedication__x:hover{color:var(--signal-ink)}.tune{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;padding-top:0;border-top:1px solid transparent}.tune.is-open{padding-top:14px;border-top-color:var(--rule-soft)}.tune__label{font-size:9.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint)}.tune__group{display:flex;align-items:center;gap:5px}.tune__tag{font-family:var(--mono);font-size:11px;color:var(--signal-ink);min-width:34px}.tbtn{min-width:44px;min-height:44px;display:grid;place-items:center;background:linear-gradient(180deg,var(--rule),var(--panel));border:1px solid var(--rule);border-radius:var(--r-sm);color:var(--ink);font-family:var(--mono);font-size:17px;line-height:1;cursor:pointer;box-shadow:inset 0 1px #ffffff0d;transition:border-color .14s,color .14s,background .14s;-webkit-tap-highlight-color:transparent}.tbtn:hover{border-color:#ff7a1a80;color:var(--signal-ink)}.tbtn:active{background:var(--panel);box-shadow:inset 0 2px 5px #0000008c}.tbtn:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.tune__step{font-family:var(--mono);font-size:10.5px;color:var(--ink-faint)}.tune__keys{font-size:11px;color:var(--ink-faint);display:flex;align-items:center;gap:4px}@media(pointer:coarse){.tune__keys,.module--keys,.guide__terms .keys-only{display:none}}@media(pointer:coarse){.btn--nudge{min-width:44px;min-height:44px}}.deck__hint b{color:var(--ink-dim);font-weight:600}.explain{margin:0;font-size:11.5px;line-height:1.45;color:var(--ink-faint)}.led{width:9px;height:9px;border-radius:50%;background:var(--rule-strong);box-shadow:inset 0 0 3px var(--shade);transition:background .18s,box-shadow .18s}.led[data-on=true]{background:var(--signal);box-shadow:0 0 10px var(--signal-glow),0 0 22px var(--signal-soft);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{opacity:.55}}.intro{display:grid;grid-template-columns:minmax(0,1.618fr) minmax(0,1fr);align-items:center;gap:clamp(var(--f5),5vw,var(--f7));width:min(1240px,100%);margin:0 auto;padding:clamp(var(--f5),7vh,var(--f7)) var(--pad) clamp(var(--f5),8vh,var(--f7));min-height:min(76vh,660px)}.intro__inner{width:min(560px,100%)}.intro__title{font-family:var(--serif);font-weight:400;font-size:clamp(38px,7vw,68px);line-height:1.06;letter-spacing:-.015em;margin:0 0 var(--f4);animation:rise .7s cubic-bezier(.2,.7,.3,1) both}.intro__title em{font-style:italic;color:var(--signal-ink);font-family:var(--mono);font-size:.72em;letter-spacing:-.04em;margin:0 .1em}.intro__body{max-width:46ch;min-height:51.15px;color:var(--ink-dim);margin:0 0 var(--f5);font-size:16.5px;line-height:1.55;animation:rise .7s .08s cubic-bezier(.2,.7,.3,1) both}.typer__text{color:var(--ink)}.typer__caret{display:inline-block;width:.5em;height:1.02em;margin-left:3px;vertical-align:-.17em;background:var(--signal);box-shadow:0 0 14px var(--signal-glow)}.typer[data-typing=false] .typer__caret{animation:caret 1.06s steps(1,end) infinite}@keyframes caret{0%,54%{opacity:1}55%,to{opacity:0}}@media(prefers-reduced-motion:reduce){.typer__caret{animation:none}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.paster{display:flex;gap:var(--f2);animation:rise .7s .16s cubic-bezier(.2,.7,.3,1) both}.paster__input{flex:1;min-width:0;background:var(--sunk);border:1px solid var(--rule);border-radius:var(--r);color:var(--ink);font-family:var(--mono);font-size:14px;padding:14px 15px;outline:none;transition:border-color .15s,box-shadow .15s}.paster__input::placeholder{color:var(--ink-faint)}.paster__input:focus{border-color:var(--signal-ink);box-shadow:0 0 0 3px var(--signal-soft)}.paster__go{background:var(--signal);color:var(--on-signal);border:none;border-radius:var(--r);padding:0 26px;font-family:var(--sans);font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:filter .15s,transform .08s}.paster__go:hover{filter:brightness(1.12)}.paster__go:active{transform:translateY(1px)}.paster__error{margin:0;font-size:13px;color:var(--danger)}.paster__error:not(:empty){margin:var(--f3) 0 0}.assure{display:flex;flex-wrap:wrap;gap:var(--f3);list-style:none;margin:var(--f3) 0 0;padding:0;font-size:12px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-faint);animation:rise .7s .24s cubic-bezier(.2,.7,.3,1) both}.assure li{display:flex;align-items:center;gap:var(--f2)}.assure li+li:before{content:"";width:3px;height:3px;border-radius:50%;background:var(--signal);opacity:.65}.intro__demo{animation:rise .8s .3s cubic-bezier(.2,.7,.3,1) both}.demo{padding:var(--f4);border:1px solid var(--rule-soft);border-radius:var(--r);background:linear-gradient(180deg,var(--panel-hi),var(--panel));box-shadow:inset 0 1px 0 var(--sheen),0 30px 70px -34px var(--shade);pointer-events:none;user-select:none}.demo__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--f3);margin-bottom:var(--f4)}.demo__tag{font-size:9.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint)}.demo__range{font-family:var(--mono);font-size:clamp(19px,2.4vw,25px);color:var(--signal-ink);text-shadow:0 0 22px var(--signal-glow)}.demo__ruler{display:flex;justify-content:space-between;font-family:var(--mono);font-size:9px;color:var(--ink-faint);margin-bottom:var(--f2)}.demo__track{position:relative;height:84px;border-radius:var(--r-sm);background:repeating-linear-gradient(90deg,var(--rule) 0 1px,transparent 1px calc(100% / 18)) bottom left / 100% 7px no-repeat,var(--sunk);border:1px solid var(--rule-soft);overflow:hidden}.demo__region{position:absolute;left:41.1%;width:27.8%;top:0;bottom:0;background:linear-gradient(180deg,#ff7a1a57,#ff7a1a21);box-shadow:0 0 24px #ff7a1a2e}.demo__mark{position:absolute;top:0;bottom:0;width:2px;background:var(--signal)}.demo__mark--a{left:41.1%}.demo__mark--b{left:68.9%}.demo__mark em{position:absolute;top:0;width:17px;height:15px;display:grid;place-items:center;background:var(--signal);color:var(--on-signal);font-family:var(--mono);font-style:normal;font-size:9px;font-weight:700}.demo__mark--a em{left:0}.demo__mark--b em{right:0}.demo__playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--ink);box-shadow:0 0 12px #f0e9dd80;animation:demo-sweep 3.4s linear infinite}@keyframes demo-sweep{0%{left:41.1%}to{left:68.9%}}.demo__caption{margin:var(--f4) 0 0;font-size:13.5px;line-height:1.5;color:var(--ink-dim);text-align:center;max-width:34ch;margin-inline:auto}@media(prefers-reduced-motion:reduce){.demo__playhead{animation-name:demo-sweep!important;animation-duration:9s!important;animation-timing-function:linear!important;animation-iteration-count:infinite!important}}@media(max-width:900px){.intro{grid-template-columns:minmax(0,1fr);min-height:0;gap:30px}.intro__inner{width:100%}}@media(max-width:620px){.demo{padding:var(--f3)}.demo__head{margin-bottom:var(--f3)}.demo__range{font-size:18px}.demo__track{height:58px}.demo__caption{margin-top:var(--f3);font-size:13px}.paster__go{padding:0 var(--f4)}}@media(pointer:coarse){.paster__input{font-size:16px}}.studio{display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:18px;padding:18px var(--pad) 34px;align-items:start;animation:enter var(--dur-slow) var(--ease) both}@keyframes enter{0%{opacity:0;transform:translateY(8px)}}.stage{display:flex;flex-direction:column;gap:14px;min-width:0}.screen{position:relative;z-index:101;border:1px solid var(--rule);border-radius:var(--r);overflow:hidden;background:var(--stage);box-shadow:0 20px 60px -30px var(--shade)}.screen__frame{aspect-ratio:16 / 9}.screen__frame iframe{width:100%;height:100%;display:block;border:0}.credit{display:flex;align-items:baseline;justify-content:space-between;gap:var(--f3);font-size:13px;line-height:1.45;color:var(--ink-faint);min-height:19px}.credit__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.credit__link{flex:none;color:var(--ink-dim);text-underline-offset:3px;white-space:nowrap}.credit__link:hover{color:var(--signal-ink)}@media(max-width:620px){.credit{font-size:12px}}.boot{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:var(--stage);transition:opacity .3s ease}.boot[hidden],.buffering[hidden]{display:none}.boot[data-state=done]{opacity:0;pointer-events:none}.boot--full{position:fixed;inset:0;z-index:900}body[data-arriving=true] .studio{animation:none}body[data-arriving=true] .rail,body[data-arriving=true] .foot,body[data-arriving=true] .screen__frame,body[data-arriving=true] .deck,body[data-arriving=true] .rack{opacity:0}.rail,.foot,.screen__frame,.deck,.rack{transition:opacity .45s var(--ease)}.boot__inner{display:flex;flex-direction:column;align-items:center;gap:22px;width:min(260px,74%);text-align:center}.boot__loop{position:relative;width:100%;height:22px}.bl__track,.bl__region,.bl__swept{position:absolute;left:0;top:50%;height:1px;margin-top:-.5px}.bl__track{right:0;background:#f0e9dd1a}.bl__region{width:100%;transform:scaleX(0);transform-origin:left center;background:#ff7a1a4d}.bl__swept{width:100%;transform:scaleX(0);transform-origin:left center;background:var(--signal);box-shadow:0 0 7px var(--signal-glow)}.bl__tick{position:absolute;top:50%;left:0;width:1px;height:9px;margin-top:-4.5px;background:var(--signal);opacity:.75}.bl__tick em{position:absolute;top:11px;left:50%;transform:translate(-50%);font-family:var(--mono);font-style:normal;font-size:8px;letter-spacing:.08em;color:var(--ink-faint)}@keyframes tick-flare{0%{opacity:1;box-shadow:0 0 12px var(--signal-glow);height:13px;margin-top:-6.5px}to{opacity:.75;box-shadow:0 0 #ff7a1a00;height:9px;margin-top:-4.5px}}.bl__tick--a.is-hit{animation:tick-flare .5s ease-out}.bl__head{position:absolute;top:50%;left:0;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:var(--ink);box-shadow:0 0 9px #f0e9dd8c}.boot[data-state=failed] .boot__loop{opacity:.3}@keyframes spin{to{transform:rotate(360deg)}}.boot__stage{margin:0;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;color:var(--ink-dim);transition:color .25s ease}.boot[data-state=ready] .boot__stage{color:var(--signal-ink)}.boot[data-state=failed] .boot__stage{color:var(--danger)}.boot__note{margin:-8px 0 0;font-size:11.5px;line-height:1.45;color:var(--ink-faint);max-width:30ch}.buffering{position:absolute;left:12px;bottom:12px;z-index:4;display:flex;gap:4px;padding:7px 9px;border-radius:var(--r-sm);background:#0a0908b8;backdrop-filter:blur(4px)}.buffering span{width:4px;height:4px;border-radius:50%;background:var(--signal);animation:buffer 1.1s ease-in-out infinite}.buffering span:nth-child(2){animation-delay:.16s}.buffering span:nth-child(3){animation-delay:.32s}@keyframes buffer{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@keyframes hit{0%{color:var(--signal-ink);text-shadow:0 0 20px var(--signal-glow);transform:translateY(-1px)}to{text-shadow:none}}.btn.is-next{background:linear-gradient(180deg,var(--signal-top),var(--signal));border-color:var(--signal-edge);color:var(--on-signal);font-weight:700;box-shadow:0 0 20px var(--signal-soft),inset 0 1px #ffffff40}.btn.is-next:hover{color:var(--on-signal);filter:brightness(1.08)}.paster__go[data-busy=true]{pointer-events:none;position:relative;color:transparent}.paster__go[data-busy=true]:after{content:"";position:absolute;inset:0;margin:auto;width:13px;height:13px;border-radius:50%;border:2px solid rgba(20,11,4,.35);border-top-color:var(--on-signal);animation:spin .62s linear infinite}.btn--primary.is-done{background:linear-gradient(180deg,var(--good-top),var(--good));border-color:var(--good-edge)}.deck{padding:18px;display:flex;flex-direction:column;gap:14px}.deck__readout{display:flex;flex-direction:column;gap:2px}.deck__readout .timecode{color:var(--signal-ink);text-shadow:0 0 22px var(--signal-glow)}.deck__summary{margin:0;font-family:var(--mono);font-size:12px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.is-hit{animation:hit .5s ease-out}.timeline{width:100%;height:96px;display:block;border-radius:var(--r-xs);cursor:pointer;touch-action:none}.deck__transport{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.btn{background:linear-gradient(180deg,var(--rule),var(--panel));border:1px solid var(--rule);border-radius:var(--r-xs);color:var(--ink-dim);font-family:var(--sans);font-weight:600;font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;padding:9px 13px;cursor:pointer;box-shadow:inset 0 1px #ffffff0d;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease),background var(--dur) var(--ease),transform .16s var(--ease),opacity var(--dur) var(--ease);white-space:nowrap}.btn:hover{color:var(--ink);border-color:var(--rule-strong);transform:translateY(-1px)}.btn:active{transform:translateY(1px) scale(.985);box-shadow:inset 0 2px 4px #00000080;transition-duration:.06s}.btn:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.btn--icon{font-size:14px;padding:7px 14px;color:var(--ink)}.btn--set{color:var(--ink);min-width:62px}.btn--whole{color:var(--ink-dim);font-weight:500}.btn--nudge{padding:9px 8px;min-width:30px;font-family:var(--mono);letter-spacing:0;font-size:11px}.btn--primary{background:linear-gradient(180deg,var(--signal-top),var(--signal));border-color:var(--signal-edge);color:var(--on-signal);font-weight:700}.btn--primary:hover{filter:brightness(1.1);color:var(--on-signal)}.btn--loop[data-on=true]{background:linear-gradient(180deg,var(--signal-top),var(--signal));border-color:var(--signal-edge);color:var(--on-signal);box-shadow:0 0 18px var(--signal-soft),inset 0 1px #ffffff40}.btn--wide{width:100%;justify-content:center;padding:11px}.btn--tap{padding:7px 14px;align-self:end}.btn:disabled{opacity:.38;cursor:not-allowed;transform:none}.trim{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--rule-soft);border-radius:var(--r-sm);background:var(--sunk)}.trim__tag{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--signal-ink);padding:0 6px 0 4px}.rack{display:flex;flex-direction:column;gap:14px;min-width:0}.module{padding:18px;display:flex;flex-direction:column;gap:12px}.module__head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:9px;border-bottom:1px solid var(--rule-soft)}.module__head h2{margin:0;font-size:9.5px}.phase{font-family:var(--mono);font-size:11px;color:var(--ink-faint)}.phase[data-active=true]{color:var(--signal-ink)}.slider{-webkit-appearance:none;appearance:none;width:100%;height:3px;background:var(--rule);border-radius:var(--r-xs);outline:none;cursor:pointer}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:20px;border-radius:var(--r-xs);background:linear-gradient(180deg,var(--knob-top),var(--knob-bottom));border:1px solid var(--bg);box-shadow:0 2px 5px #0009;cursor:grab}.slider::-moz-range-thumb{width:13px;height:20px;border-radius:var(--r-xs);background:linear-gradient(180deg,var(--knob-top),var(--knob-bottom));border:1px solid var(--bg);cursor:grab}.chips{display:flex;gap:5px;flex-wrap:wrap}.chip{flex:1;background:var(--sunk);border:1px solid var(--rule-soft);border-radius:var(--r-xs);color:var(--ink-faint);font-family:var(--mono);font-size:11px;padding:6px 4px;cursor:pointer;transition:color .14s,border-color .14s}.chip:hover{color:var(--ink-dim)}.chip.is-on{color:var(--signal-ink);border-color:#ff7a1a73;background:var(--signal-soft)}.switch{display:flex;align-items:flex-start;gap:10px;cursor:pointer;padding:2px 0}.switch input{position:absolute;opacity:0;pointer-events:none}.switch__box{flex:none;width:15px;height:15px;margin-top:2px;border:1px solid var(--rule);border-radius:var(--r-xs);background:var(--sunk);box-shadow:inset 0 1px 2px #0009;display:grid;place-items:center;transition:background .14s,border-color .14s}.switch__box:after{content:"";width:7px;height:7px;border-radius:1px;background:transparent;transition:background .14s,box-shadow .14s}.switch input:checked+.switch__box{border-color:#ff7a1a8c}.switch input:checked+.switch__box:after{background:var(--signal);box-shadow:0 0 8px var(--signal-glow)}.switch input:focus-visible+.switch__box{outline:2px solid var(--signal);outline-offset:2px}.switch__text{font-size:13px;color:var(--ink);display:flex;flex-direction:column;gap:1px;line-height:1.32}.switch__text em{font-style:normal;font-size:11.5px;color:var(--ink-faint)}.sub{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;padding:0 0 0 25px;margin-top:-4px}.sub.is-open{padding:2px 0 6px 25px}.field{display:flex;flex-direction:column;gap:4px}.num{width:68px;background:var(--sunk);border:1px solid var(--rule);border-radius:var(--r-xs);color:var(--ink);font-family:var(--mono);font-size:13px;padding:6px 8px;outline:none}.num:focus{border-color:var(--signal-ink)}.loops{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;max-height:260px;overflow-y:auto}.loop{display:flex;align-items:center;gap:8px;padding:8px 9px;background:var(--sunk);border:1px solid var(--rule-soft);border-radius:var(--r-xs);transition:border-color .14s}.loop:hover{border-color:var(--rule)}.loop__main{flex:1;min-width:0;background:none;border:none;padding:0;text-align:left;cursor:pointer;color:inherit;font:inherit}.loop__name{display:block;font-size:12.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loop__range{display:block;font-family:var(--mono);font-size:10.5px;color:var(--ink-faint)}.loop__act{background:none;border:none;color:var(--ink-faint);cursor:pointer;font-size:13px;padding:3px 5px;border-radius:var(--r-xs);line-height:1}.loop__act:hover{color:var(--signal-ink)}.hint{margin:0;font-size:11.5px;color:var(--ink-faint);line-height:1.4}.module--keys .keys{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0;align-items:center}.keys dt{display:flex;gap:3px;align-items:center}.keys dd{margin:0;font-size:11.5px;color:var(--ink-faint)}kbd{font-family:var(--mono);font-size:10px;background:var(--sunk);border:1px solid var(--rule);border-bottom-width:2px;border-radius:var(--r-sm);padding:2px 5px;color:var(--ink-dim);white-space:nowrap}.foot{padding:20px var(--pad) 34px;margin-top:auto;font-size:12.5px;line-height:1.65;color:var(--ink-faint);border-top:1px solid var(--rule-soft);display:flex;flex-direction:column;gap:10px;align-items:flex-start}.foot__links{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:13px}.foot__by strong{color:var(--ink);font-weight:600}.foot__by:hover strong{color:var(--signal-ink)}.foot__sep{color:var(--ink-faint)}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,22px);background:var(--panel-hi);border:1px solid rgba(255,122,26,.5);border-radius:var(--r-sm);color:var(--ink);font-size:13px;padding:11px 18px;box-shadow:0 16px 40px -16px var(--shade),0 0 26px var(--signal-soft);opacity:0;pointer-events:none;transition:opacity .22s,transform .22s;z-index:1000;max-width:calc(100vw - 32px);text-align:center}.toast[data-show=true]{opacity:1;transform:translate(-50%)}.rail__brand--link{text-decoration:none;color:inherit}.ghost--go{color:var(--signal-ink);border-color:#ff7a1a73}a.ghost{text-decoration:none;display:inline-flex;align-items:center}.page{width:min(680px,calc(100% - 2 * var(--pad)));margin:clamp(30px,6vh,60px) auto 0;animation:rise .6s var(--ease) both}.page__title{font-family:var(--serif);font-weight:400;font-size:clamp(34px,6vw,52px);line-height:1.08;letter-spacing:-.015em;margin:0 0 18px}.page__h2{font-family:var(--serif);font-weight:400;font-size:clamp(21px,3vw,27px);margin:40px 0 12px;padding-top:26px;border-top:1px solid var(--rule-soft)}.page p{font-size:16.5px;line-height:1.65;color:var(--ink-dim);margin:0 0 15px;max-width:62ch}.page__lead{font-size:18.5px!important;color:var(--ink)!important;line-height:1.55!important}.page a{color:var(--signal-ink);text-decoration-color:#ff7a1a66;text-underline-offset:3px}.page code{font-family:var(--mono);font-size:.88em;background:var(--sunk);border:1px solid var(--rule-soft);border-radius:var(--r-xs);padding:1px 6px;color:var(--ink)}.page__cta{margin-top:40px;max-width:280px}.page__cta .btn{text-decoration:none;display:block;text-align:center}.page__list{margin:0 0 15px;padding-left:22px;max-width:62ch}.page__list li{font-size:16.5px;line-height:1.6;color:var(--ink-dim);margin-bottom:7px}.page__contact{padding:16px 18px;border:1px solid var(--rule);border-radius:var(--r-sm);background:var(--sunk);font-size:15px!important;line-height:1.7!important}.page__contact strong{color:var(--ink)}.page__note{margin-top:36px;padding-top:22px;border-top:1px solid var(--rule-soft);font-size:13.5px!important;color:var(--ink-faint)!important}.foot a{color:var(--ink-dim);text-underline-offset:3px}.reveal{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:none;background:var(--bg);color:var(--ink);overflow:hidden;overscroll-behavior:contain}.reveal::backdrop{background:var(--bg)}.reveal__inner{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:clamp(24px,6vw,56px);text-align:center;background:radial-gradient(ellipse 70% 55% at 50% 38%,rgba(255,122,26,.14),transparent 70%),radial-gradient(ellipse 100% 60% at 50% 120%,rgba(255,122,26,.06),transparent 70%)}.reveal__tag{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--signal-ink);animation:reveal-in .5s var(--ease) both}.tag__who{font-family:var(--serif);font-style:italic;font-size:25px;font-weight:400;letter-spacing:.005em;text-transform:none;line-height:1.1;color:var(--ink);max-width:18ch;overflow-wrap:anywhere}.tag__rest{font-size:10px;letter-spacing:.2em;color:var(--signal-ink)}.dedication__tag .tag__who{font-size:17px;display:block}.dedication__tag .tag__rest{font-size:9.5px;display:block;margin-top:2px}@media(max-width:620px){.tag__who{font-size:21px}}.reveal__text{margin:0;max-width:20ch;font-family:var(--serif);font-size:clamp(30px,7vw,62px);line-height:1.15;letter-spacing:-.015em;color:var(--ink);overflow-wrap:anywhere;animation:reveal-in .7s .12s var(--ease) both}.reveal__meta{margin:0;font-family:var(--mono);font-size:13px;color:var(--ink-faint);animation:reveal-in .6s .28s var(--ease) both}.reveal__go{margin-top:14px;min-height:56px;padding:0 34px;border:none;border-radius:999px;background:linear-gradient(180deg,var(--signal-top),var(--signal));color:var(--on-signal);font-family:var(--sans);font-size:15px;font-weight:700;letter-spacing:.04em;cursor:pointer;box-shadow:0 0 40px var(--signal-soft);touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .18s var(--ease),filter .18s var(--ease);animation:reveal-in .6s .4s var(--ease) both}.reveal__go:hover{transform:translateY(-2px);filter:brightness(1.08)}.reveal__go:active{transform:translateY(1px) scale(.985)}.reveal__go:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.reveal__skip{background:none;border:none;color:var(--ink-faint);font-family:var(--sans);font-size:13px;cursor:pointer;padding:8px 12px;border-radius:var(--r-xs);touch-action:manipulation;transition:color var(--dur) var(--ease);animation:reveal-in .6s .5s var(--ease) both}.reveal__skip:hover{color:var(--ink-dim)}.reveal__skip:focus-visible{outline:2px solid var(--signal);outline-offset:2px}@keyframes reveal-in{0%{opacity:0;transform:translateY(14px)}}.maker{margin-top:22px;padding:clamp(20px,3.5vw,30px);border:1px solid var(--rule);border-radius:var(--r);background:linear-gradient(180deg,var(--panel-hi),var(--panel));box-shadow:inset 0 1px 0 var(--sheen),0 20px 46px -28px var(--shade)}.maker__head{display:flex;align-items:center;gap:15px;margin-bottom:18px}.maker__avatar{flex:none;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(160deg,var(--signal-top),var(--signal));color:var(--on-signal);font-family:var(--serif);font-size:26px;line-height:1;box-shadow:0 0 26px var(--signal-soft)}.maker__name{margin:0!important;font-family:var(--serif);font-size:clamp(22px,3.2vw,28px)!important;color:var(--ink)!important;line-height:1.15!important}.maker__role{margin:3px 0 0!important;font-size:12.5px!important;letter-spacing:.02em;color:var(--ink-faint)!important}.maker__blurb{margin:0 0 20px!important;font-size:15.5px!important}.maker__links{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.social{display:flex;align-items:center;gap:11px;padding:13px 15px;border:1px solid var(--rule);border-radius:var(--r-sm);background:var(--sunk);text-decoration:none!important;color:var(--ink)!important;transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease),background var(--dur) var(--ease)}.social:hover{transform:translateY(-2px);border-color:#ff7a1a80;background:var(--panel)}.social svg{width:21px;height:21px;flex:none;color:var(--ink-dim);transition:color var(--dur) var(--ease)}.social:hover svg{color:var(--signal-ink)}.social span{font-size:14px;font-weight:600}.social em{font-style:normal;font-family:var(--mono);font-size:11.5px;color:var(--ink-faint);margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.maker__ask{margin:20px 0 0!important;padding-top:18px;border-top:1px solid var(--rule-soft);font-size:14.5px!important}.fb{display:flex;flex-direction:column;gap:22px;margin-top:34px}.fb__kinds{border:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.fb__kinds legend{padding:0;margin-bottom:10px}.pill input{position:absolute;opacity:0;pointer-events:none}.pill span{display:inline-block;padding:9px 15px;border:1px solid var(--rule);border-radius:999px;font-size:13.5px;color:var(--ink-dim);cursor:pointer;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.pill span:hover{color:var(--ink)}.pill input:checked+span{color:var(--signal-ink);border-color:#ff7a1a80;background:var(--signal-soft)}.pill input:focus-visible+span{outline:2px solid var(--signal);outline-offset:2px}.fb__field{display:flex;flex-direction:column;gap:9px}.fb__text,.fb__input{width:100%;background:var(--sunk);border:1px solid var(--rule);border-radius:var(--r-sm);color:var(--ink);font-family:var(--sans);font-size:15.5px;line-height:1.55;padding:13px 15px;outline:none;resize:vertical;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.fb__text::placeholder,.fb__input::placeholder{color:var(--ink-faint)}.fb__text:focus,.fb__input:focus{border-color:var(--signal-ink);box-shadow:0 0 0 3px var(--signal-soft)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill{-webkit-text-fill-color:var(--ink);-webkit-box-shadow:0 0 0 1000px var(--sunk) inset;box-shadow:0 0 0 1000px var(--sunk) inset;caret-color:var(--ink);transition:background-color 9999s ease-in-out 0s}input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--sunk) inset,0 0 0 3px var(--signal-soft);box-shadow:0 0 0 1000px var(--sunk) inset,0 0 0 3px var(--signal-soft)}.fb__status{margin:0!important;min-height:22px;font-size:14px!important}.fb__status[data-tone=ok]{color:var(--good)!important}.fb__status[data-tone=bad]{color:var(--danger)!important}.fb__status[data-tone=busy]{color:var(--ink-dim)!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.hint-inline{font-style:normal;text-transform:none;letter-spacing:0;font-weight:400;color:var(--ink-faint);font-size:11.5px;margin-left:6px}.fb__count{align-self:flex-end;font-family:var(--mono);font-size:11.5px;color:var(--ink-faint);margin-top:-3px}.fb__count[data-state=near]{color:var(--signal-ink)}.fb__count[data-state=full]{color:var(--danger)}.rating{border:none;margin:0;padding:0}.rating legend{padding:0;margin-bottom:10px}.rating__stars{display:flex;align-items:center;gap:3px}.star{background:none;border:none;padding:3px 4px;font-size:30px;line-height:1;color:var(--on-tint);cursor:pointer;border-radius:var(--r-xs);touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:color .14s var(--ease),transform .14s var(--ease)}.star:hover{transform:scale(1.12)}.star:focus-visible{outline:2px solid var(--signal);outline-offset:1px}.star.is-lit{color:var(--signal-ink)}.rating__word{margin-left:10px;font-size:13.5px;color:var(--ink-dim)}.drop{display:flex;align-items:center;justify-content:center;min-height:58px;padding:14px;border:1px dashed var(--rule);border-radius:var(--r-sm);background:var(--sunk);color:var(--ink-dim);font-size:14px;cursor:pointer;text-align:center;transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease),background var(--dur) var(--ease)}.drop:hover,.drop.is-over{border-color:#ff7a1a8c;color:var(--ink);background:var(--panel)}.drop:focus-within{border-color:var(--signal-ink);box-shadow:0 0 0 3px var(--signal-soft)}.shot{display:flex;align-items:flex-start;gap:12px}.shot[hidden]{display:none}.shot img{max-width:190px;max-height:130px;border-radius:var(--r-sm);border:1px solid var(--rule);display:block}.thanks{margin-top:34px;padding:clamp(26px,5vw,44px);border:1px solid rgba(123,216,143,.3);border-radius:var(--r);background:linear-gradient(180deg,#7bd88f14,#7bd88f05);text-align:center;animation:rise .5s var(--ease) both}.thanks[hidden]{display:none}.thanks__emoji{margin:0 0 10px!important;font-size:44px!important;line-height:1!important}.thanks__title{margin:0 0 8px;font-family:var(--serif);font-weight:400;font-size:clamp(24px,4vw,32px);color:var(--ink)}.thanks__body{margin:0 auto 22px!important;max-width:40ch;font-size:15px!important}.thanks__actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.thanks__actions .btn{text-decoration:none;padding:13px 22px}.sharer{width:min(460px,calc(100vw - 28px));padding:clamp(22px,4vw,30px);border:1px solid var(--rule);border-radius:var(--r);background:linear-gradient(180deg,var(--panel-hi),var(--panel));color:var(--ink);box-shadow:0 40px 90px -30px var(--shade);position:relative}.sharer::backdrop{background:#060505b8;backdrop-filter:blur(3px)}.sharer__title{margin:0 0 18px;font-family:var(--serif);font-weight:400;font-size:clamp(23px,4vw,28px)}.sharer__link{display:flex;gap:8px;margin-bottom:18px}.sharer__url{flex:1;min-width:0;background:var(--sunk);border:1px solid var(--rule-soft);border-radius:var(--r-sm);color:var(--ink-dim);font-family:var(--mono);font-size:12px;padding:12px;outline:none;text-overflow:ellipsis}.sharer__url:focus{border-color:var(--signal-ink)}.sharer__link .btn{padding:12px 18px}.sharer__targets{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:8px}.target{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 6px;border:1px solid var(--rule-soft);border-radius:var(--r-sm);background:var(--sunk);color:var(--ink-dim);font-family:var(--sans);font-size:11.5px;text-decoration:none;cursor:pointer;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.target:hover{color:var(--ink);border-color:#ff7a1a73;transform:translateY(-2px)}.target:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.target svg{width:22px;height:22px}.sharer__note{margin:18px 0 0;font-size:12px;line-height:1.5;color:var(--ink-faint)}.guide{width:min(660px,calc(100vw - 28px));max-height:min(86vh,900px);padding:clamp(22px,4vw,38px);border:1px solid var(--rule);border-radius:var(--r);background:linear-gradient(180deg,var(--panel-hi),var(--panel));color:var(--ink);box-shadow:0 40px 90px -30px var(--shade);overflow-y:auto;position:relative}.guide::backdrop{background:#060505c7;backdrop-filter:blur(3px)}.guide__x{position:absolute;top:12px;right:14px;background:none;border:none;color:var(--ink-faint);font-size:26px;line-height:1;cursor:pointer;padding:2px 8px;border-radius:var(--r-sm)}.guide__x:hover{color:var(--signal-ink)}.guide__title{font-family:var(--serif);font-weight:400;font-size:clamp(25px,4vw,33px);letter-spacing:-.01em;margin:0 0 16px}.guide__title:not(:first-of-type){margin-top:38px;padding-top:26px;border-top:1px solid var(--rule-soft)}.guide__body{margin:0 0 8px;font-size:14.5px;line-height:1.6;color:var(--ink-dim);max-width:56ch}.guide__body em,.guide__terms em{font-style:normal;color:var(--signal-ink);font-weight:600}.guide__steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:17px}.guide__steps li{display:flex;align-items:flex-start;gap:15px}.guide__steps b{flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--signal);color:var(--on-signal);font-family:var(--mono);font-size:13px;font-weight:700}.guide__steps h3{margin:3px 0;font-size:16px;font-weight:600;color:var(--ink)}.guide__steps p{margin:0;font-size:13.5px;color:var(--ink-dim);line-height:1.5}.guide__terms{margin:0;display:grid;gap:15px}.guide__terms dt{font-size:14.5px;font-weight:600;color:var(--signal-ink);margin-bottom:3px}.guide__terms dd{margin:0;font-size:13.5px;line-height:1.55;color:var(--ink-dim);max-width:60ch}.guide__k{font-family:var(--mono);font-size:12px;color:var(--ink-faint);border:1px solid var(--rule);border-radius:var(--r-sm);padding:1px 6px;margin-left:4px}.guide #help-done{margin-top:32px}@media(max-width:1020px){.studio{grid-template-columns:minmax(0,1fr)}.rack{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start}}@media(max-width:620px){.deck{display:flex;flex-direction:column}.deck__transport{order:1}.deck__hint{order:2}.timeline{order:3}.tune{order:4}.deck__readout{order:5}.deck__transport{display:grid;grid-template-columns:auto 1fr 1fr;gap:8px}.deck__transport>*,.deck__transport .trim,.deck__transport .trim>*{min-width:0}body[data-mode=simple] .btn--set,body[data-mode=simple] .btn--loop,body[data-mode=simple] #btn-clear,body[data-mode=simple] #btn-share{padding:14px 6px;font-size:11px;letter-spacing:.04em}body[data-mode=simple] .btn--set{width:100%;min-width:0;min-height:54px}.btn--icon{min-height:54px;padding:12px 14px}.btn--loop,#btn-clear,#btn-share{grid-column:span 1;min-height:48px}body[data-mode=pro] .deck__transport{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-mode=pro] .deck__transport .trim{grid-column:1 / -1;justify-content:space-between}body[data-mode=pro] .btn--nudge{flex:1;padding:9px 2px}body[data-mode=pro] .btn--set{flex:2;min-width:0}body[data-mode=pro] .btn--icon{grid-column:1 / -1}.rack{grid-template-columns:minmax(0,1fr)}.module,.deck{padding:14px}.chips{gap:4px}.chip{padding:8px 2px}.sub{padding-left:0;margin-top:0}.sub.is-open{padding:4px 0 8px}.tune{display:grid;grid-template-columns:auto 1fr 1fr;align-items:center;gap:8px 10px}.composer{grid-template-columns:minmax(0,1fr)}.tune__label,.tune__step,.tune__keys{grid-column:1 / -1}.tbtn{width:100%}.timecode{font-size:26px}.timeline{height:92px}.rail__sub{display:none}.rail{padding:12px var(--pad)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}