.surface{gap:var(--gap);width:100%;height:100%;padding:var(--gap);box-sizing:border-box;background:var(--ink);border-radius:var(--radius);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:grid;position:relative;overflow:hidden}.surface:focus-visible{box-shadow:var(--focus-ring);outline:none}.surface__pad{min-width:0;min-height:0;padding:var(--sp-2);border-radius:var(--radius-sm);box-sizing:border-box;transition:transform var(--dur-bloom) var(--ease-bloom), box-shadow var(--dur-bloom) var(--ease-bloom), filter var(--t-fast) var(--ease-out);will-change:transform;justify-content:center;align-items:flex-end;display:flex;position:relative;box-shadow:inset 0 0 0 1px #0e111647}.surface__pad.is-tonic{box-shadow:inset 0 0 0 2px #e7ecf28c,inset 0 0 0 1px #0e111647}.surface__pad.is-active{z-index:1;box-shadow:inset 0 0 0 1px #ffffff59, 0 0 26px 3px #ffffff38, var(--shadow-2);filter:saturate(1.12)brightness(1.06);transform:scale(1.04)}.surface__pad.is-tonic.is-active{box-shadow:inset 0 0 0 2px #e7ecf2b3, 0 0 26px 3px #ffffff3d, var(--shadow-2)}.surface__pad.is-pending{box-shadow:inset 0 0 0 2px var(--ember,#f2a65a), inset 0 0 0 1px #0e111647;animation:.6s ease-in-out infinite alternate surface-pending}@keyframes surface-pending{0%{filter:brightness(.92)}to{filter:brightness(1.12)}}@media (prefers-reduced-motion:reduce){.surface__pad.is-pending{animation:none}}.surface__label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.02em;color:#0e11169e;pointer-events:none;line-height:1}.surface--piano{gap:var(--sp-1)}.surface--piano .surface__pad{border-radius:0 0 var(--radius-sm) var(--radius-sm);align-items:flex-end}.surface__trails,.surface__readouts{pointer-events:none;position:absolute;inset:0}.surface__trails{filter:drop-shadow(0 0 6px var(--glide-glow))}.surface__touch{align-items:center;gap:var(--sp-1);flex-direction:column;display:flex;position:absolute;transform:translate(-50%,-50%)}.surface__touch-dot{border-radius:var(--radius-pill);background:var(--glide);width:12px;height:12px;box-shadow:0 0 12px 2px var(--glide-glow)}.surface__touch-readout{border-radius:var(--radius-xs);background:color-mix(in srgb, var(--ink) 78%, transparent);font-family:var(--font-mono);font-size:var(--fs-xs);white-space:nowrap;color:var(--glide);padding:2px 6px;line-height:1;transform:translateY(-1.4em)}.surface__empty{font-family:var(--font-ui);font-size:var(--fs-body);color:var(--haze);place-self:center}@media (prefers-reduced-motion:reduce){.surface__pad.is-active{transform:none}}.readout{line-height:var(--lh-tight);flex-direction:column;gap:2px;display:inline-flex}.readout__label{color:var(--haze-dim)}.readout__value{font-family:var(--font-mono);color:var(--bone);font-variant-numeric:tabular-nums;align-items:baseline;gap:.35ch;display:inline-flex}.readout__num{font-feature-settings:"tnum" 1}.readout__unit{color:var(--haze);font-size:.72em}.readout--sm .readout__value{font-size:var(--fs-sm)}.readout--md .readout__value{font-size:var(--fs-lg)}.readout--lg .readout__value{font-size:1.6rem;font-weight:700}.readout--glide .readout__value{color:var(--glide)}.readout--ember .readout__value{color:var(--ember)}.readout--faint .readout__value{color:var(--haze)}.panel{gap:var(--sp-3);background:var(--slate);border:var(--line-w) solid var(--line);border-radius:var(--radius);padding:var(--sp-4);flex-direction:column;display:flex}.panel__head{justify-content:space-between;align-items:center;gap:var(--sp-3);min-height:20px;display:flex}.panel__title{color:var(--haze)}.panel__actions{align-items:center;gap:var(--sp-2);display:inline-flex}.panel__body{gap:var(--sp-3);flex-direction:column;display:flex}.iconbtn{color:var(--haze);border:var(--line-w) solid transparent;border-radius:var(--radius-sm);transition:color var(--t-fast) var(--ease-out), background var(--t-fast) var(--ease-out), border-color var(--t-fast) var(--ease-out);background:0 0;flex:none;justify-content:center;align-items:center;display:inline-flex}.iconbtn--sm{width:32px;height:32px}.iconbtn--md{width:var(--touch);height:var(--touch)}.iconbtn--lg{width:52px;height:52px}.iconbtn--solid{background:var(--raise);border-color:var(--line);color:var(--bone)}.iconbtn:hover:not(:disabled){color:var(--bone);background:var(--raise)}.iconbtn.is-active{color:var(--ember);border-color:color-mix(in srgb, var(--ember) 45%, var(--line));background:var(--ember-wash)}.iconbtn:disabled{opacity:.4;cursor:not-allowed}.toggle{align-items:center;gap:var(--sp-3);display:inline-flex}.toggle__text{flex-direction:column;gap:1px;display:flex}.toggle__label{font-size:var(--fs-ui);color:var(--bone)}.toggle__hint{font-size:var(--fs-xs);color:var(--haze-dim)}.toggle__switch{border-radius:var(--radius-pill);background:0 0;border:none;flex:none;padding:0}.toggle__track{border-radius:var(--radius-pill);background:var(--raise);border:var(--line-w) solid var(--line);width:42px;height:24px;transition:background var(--t-med) var(--ease-out);display:block;position:relative}.toggle__thumb{background:var(--haze);width:18px;height:18px;box-shadow:var(--shadow-1);transition:transform var(--t-med) var(--ease-out), background var(--t-med) var(--ease-out);border-radius:50%;position:absolute;top:2px;left:2px}.toggle__switch[aria-checked=true] .toggle__track{background:var(--ember-wash);border-color:color-mix(in srgb, var(--ember) 55%, var(--line))}.toggle__switch[aria-checked=true] .toggle__thumb{background:var(--ember);transform:translate(18px)}.toggle.is-disabled{opacity:.45}.toggle__switch:disabled{cursor:not-allowed}.segmented{border:none;min-width:0;margin:0;padding:0}.segmented__legend{padding:0 0 var(--sp-1);color:var(--haze)}.segmented__row{background:var(--ink);border:var(--line-w) solid var(--line);border-radius:var(--radius-sm);flex-wrap:wrap;gap:3px;padding:3px;display:inline-flex}.segmented__opt{border-radius:var(--radius-xs);min-height:38px;color:var(--haze);cursor:pointer;transition:color var(--t-fast) var(--ease-out), background var(--t-fast) var(--ease-out);flex-direction:column;justify-content:center;align-items:center;padding:4px 14px;display:inline-flex;position:relative}.segmented__opt input{opacity:0;width:1px;height:1px;margin:0;position:absolute}.segmented__opt:hover{color:var(--bone)}.segmented__opt.is-active{color:var(--ember);background:var(--slate-2);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ember) 40%, transparent)}.segmented__opt:has(input:focus-visible){box-shadow:var(--focus-ring)}.segmented__opt-label{font-size:var(--fs-ui);font-weight:550}.segmented__opt-hint{font-size:var(--fs-xs);color:var(--haze-dim);font-family:var(--font-mono)}.segmented:disabled .segmented__opt,.segmented.is-disabled .segmented__opt{opacity:.5;cursor:not-allowed}.slider{gap:var(--sp-2);flex-direction:column;display:flex}.slider__head{justify-content:space-between;align-items:baseline;gap:var(--sp-2);display:flex}.slider__label{color:var(--haze)}.slider__input{appearance:none;cursor:pointer;background:0 0;width:100%;height:28px}.slider__input::-webkit-slider-runnable-track{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--ember) 0, var(--ember) var(--fill,0%), var(--raise) var(--fill,0%));border:var(--line-w) solid var(--line);height:8px}.slider__input::-moz-range-track{border-radius:var(--radius-pill);background:var(--raise);border:var(--line-w) solid var(--line);height:8px}.slider__input::-moz-range-progress{border-radius:var(--radius-pill);background:var(--ember);height:8px}.slider__input::-webkit-slider-thumb{appearance:none;background:var(--bone);border:2px solid var(--ink);width:18px;height:18px;box-shadow:var(--shadow-1);border-radius:50%;margin-top:-6px}.slider__input::-moz-range-thumb{background:var(--bone);border:2px solid var(--ink);border-radius:50%;width:18px;height:18px}.slider.is-disabled{opacity:.45}.slider__input:disabled{cursor:not-allowed}.knob{align-items:center;gap:var(--sp-2);flex-direction:column;display:inline-flex}.knob__dial{cursor:ns-resize;border-radius:50%;outline:none;display:block}.knob__dial:focus-visible{box-shadow:var(--focus-ring)}.knob__track{stroke:var(--raise)}.knob__value{stroke:var(--ember);transition:stroke var(--t-fast) var(--ease-out)}.knob__notch{stroke:var(--bone)}.knob__meta{line-height:var(--lh-tight);flex-direction:column;align-items:center;gap:1px;display:flex}.knob__label{color:var(--haze)}.knob__readout{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--bone);font-variant-numeric:tabular-nums;align-items:baseline;gap:.3ch;display:inline-flex}.knob__unit{color:var(--haze);font-size:.8em}.knob.is-disabled{opacity:.45}.knob.is-disabled .knob__dial{cursor:not-allowed}.select{gap:var(--sp-2);flex-direction:column;display:flex;position:relative}.select__label{color:var(--haze)}.select__button{width:100%;min-height:var(--touch);justify-content:space-between;align-items:center;gap:var(--sp-2);padding:0 var(--sp-3);border-radius:var(--radius-sm);border:var(--line-w) solid var(--line);background:var(--slate-2);color:var(--bone);text-align:left;transition:border-color var(--t-fast) var(--ease-out);display:flex}.select__button:hover:not(:disabled){border-color:color-mix(in srgb, var(--ember) 40%, var(--line))}.select__value{text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-ui);overflow:hidden}.select__value--empty{color:var(--haze-dim)}.select__caret{color:var(--haze);transition:transform var(--t-fast) var(--ease-out);flex:none}.select__button[aria-expanded=true] .select__caret{transform:rotate(180deg)}.select__button:disabled{opacity:.45;cursor:not-allowed}.select__list{z-index:60;background:var(--slate-2);border:var(--line-w) solid var(--line);border-radius:var(--radius-sm);min-width:100%;max-height:280px;box-shadow:var(--shadow-3);outline:none;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;overflow:auto}.select__group+.select__group{border-top:var(--line-w) solid var(--line);margin-top:2px;padding-top:2px}.select__group-label{color:var(--haze-dim);padding:6px 8px 3px;display:block}.select__group-list{margin:0;padding:0;list-style:none}.select__opt{justify-content:space-between;align-items:center;gap:var(--sp-2);border-radius:var(--radius-xs);min-height:38px;color:var(--haze);white-space:nowrap;cursor:pointer;padding:8px 10px;display:flex}.select__opt-label{text-overflow:ellipsis;font-size:var(--fs-ui);overflow:hidden}.select__opt.is-active{background:var(--raise);color:var(--bone)}.select__opt.is-selected{color:var(--ember)}.select__opt-check{color:var(--ember);flex:none}.select__opt.is-disabled{opacity:.4;cursor:not-allowed}.sheet__root{z-index:80;position:fixed;inset:0}.sheet__scrim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:sheet-fade var(--t-med) var(--ease-out);background:#06080b99;position:absolute;inset:0}.sheet{background:var(--slate);border:var(--line-w) solid var(--line);box-shadow:var(--shadow-3);outline:none;flex-direction:column;display:flex;position:absolute}.sheet--bottom{border-radius:var(--radius) var(--radius) 0 0;max-height:88vh;box-shadow:var(--shadow-sheet);animation:sheet-up var(--t-slow) var(--ease-out);padding-bottom:env(safe-area-inset-bottom);bottom:0;left:0;right:0}.sheet--right,.sheet--left{width:min(420px,92vw);max-height:100%;top:0;bottom:0}.sheet--right{border-radius:var(--radius) 0 0 var(--radius);animation:sheet-in-right var(--t-slow) var(--ease-out);right:0}.sheet--left{border-radius:0 var(--radius) var(--radius) 0;animation:sheet-in-left var(--t-slow) var(--ease-out);left:0}.sheet__head{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:var(--line-w) solid var(--line);display:flex;position:relative}.sheet__grip{border-radius:var(--radius-pill);background:var(--raise);width:36px;height:4px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.sheet__title{font-family:var(--font-display);font-size:var(--fs-title);color:var(--bone);font-weight:560}.sheet__body{padding:var(--sp-4);overscroll-behavior:contain;overflow-y:auto}@keyframes sheet-fade{0%{opacity:0}}@keyframes sheet-up{0%{transform:translateY(100%)}}@keyframes sheet-in-right{0%{transform:translate(100%)}}@keyframes sheet-in-left{0%{transform:translate(-100%)}}@media (prefers-reduced-motion:reduce){.sheet--bottom,.sheet--right,.sheet--left,.sheet__scrim{animation:none}}.pgroup{gap:var(--sp-3);flex-direction:column;display:flex}.pgroup+.pgroup{margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:var(--line-w) solid var(--line)}.pgroup__title{color:var(--haze)}.pshelf{gap:var(--sp-4) var(--sp-5);flex-wrap:wrap;align-items:flex-start;display:flex}.pfields{gap:var(--sp-3) var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.psub{gap:var(--sp-2);flex-direction:column;min-width:0;display:flex}.psub__label{color:var(--haze)}.disclosure{border:var(--line-w) solid var(--line);border-radius:var(--radius-sm);background:var(--slate);align-self:start;overflow:hidden}.disclosure__summary{justify-content:space-between;align-items:center;gap:var(--sp-2);padding:var(--sp-3);min-height:var(--touch);cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;display:flex}.disclosure__summary::-webkit-details-marker{display:none}.disclosure__summary:hover .pgroup__title{color:var(--bone)}.disclosure[open]>.disclosure__summary{border-bottom:var(--line-w) solid var(--line)}.disclosure__summary:focus-visible{outline:var(--focus-ring);outline-offset:-2px}.disclosure__chevron{border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:6px solid var(--haze);width:0;height:0;transition:transform var(--t-fast,.12s) ease;flex:none}.disclosure[open] .disclosure__chevron{transform:rotate(90deg)}.disclosure__body{gap:var(--sp-3);padding:var(--sp-3);flex-direction:column;display:flex}.transport{align-items:flex-start;gap:var(--sp-4) var(--sp-5);padding:var(--sp-3) clamp(.5rem, 1.5vw, 1.25rem);flex-wrap:wrap;display:flex}.transport__break{border-top:var(--line-w) solid var(--line);flex-basis:100%;height:0}.transport__brand{align-items:flex-end;gap:var(--sp-2);align-self:center;display:flex}.transport__wordmark{margin:0;line-height:0}.transport__version{letter-spacing:.04em;color:var(--haze-dim);font-variant-numeric:tabular-nums;padding-bottom:2px;font-size:11px;line-height:1}.transport__wordmark img{border-radius:8px;width:auto;height:40px;display:block}.session-menu{align-self:center;position:relative}.session-menu>summary{cursor:pointer;list-style:none}.session-menu>summary::-webkit-details-marker{display:none}.session-menu__button{align-items:center;gap:var(--sp-2);border:var(--line-w) solid var(--line);border-radius:var(--radius-pill);background:var(--slate);min-height:34px;color:var(--bone);font-family:var(--font-mono);font-size:var(--fs-ui);letter-spacing:.04em;padding:0 12px;display:inline-flex}.session-menu__button:focus-visible{outline:var(--focus-ring);outline-offset:2px}.session-menu[open] .session-menu__button,.session-menu__button:hover{border-color:var(--ember);color:var(--ember)}.session-menu__sheet{z-index:40;top:calc(100% + var(--sp-2));width:min(360px,100vw - 24px);max-height:min(72vh,560px);padding:var(--sp-4);border:var(--line-w) solid var(--line);border-radius:var(--radius);background:var(--slate-2);position:absolute;left:0;overflow-y:auto;box-shadow:0 18px 50px #00000080}.transport__block{gap:var(--sp-2);flex-direction:column;min-width:0;display:flex}.tuningstrip__row{align-items:flex-end}.tuningstrip__tonic{flex-direction:column;gap:2px;display:flex}.pinput--hz{width:5.5rem}.transport__row{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.keystrip .segmented__row{flex-wrap:wrap}.keystrip .segmented__opt{min-height:34px;padding:4px 9px}.levels{gap:var(--sp-4);flex-direction:row}.levels .slider{min-width:116px}.transport__tempo{flex-wrap:nowrap;align-items:flex-end}.transport__tempo .slider{min-width:150px}.transport__block--end{margin-left:auto}.transport__octave{text-align:center;min-width:2ch;font-family:var(--font-mono);font-size:var(--fs-ui);font-variant-numeric:tabular-nums;color:var(--bone)}.pill{align-items:center;gap:var(--sp-2);border:var(--line-w) solid var(--line);border-radius:var(--radius-pill);font-family:var(--font-ui);font-size:var(--fs-xs);color:var(--haze);white-space:nowrap;padding:4px 10px;display:inline-flex}.pill--live{border-color:var(--ember-dim);color:var(--ember)}.pill__dot{opacity:.6;background:currentColor;border-radius:50%;width:7px;height:7px}.pill--live .pill__dot{opacity:1;box-shadow:0 0 0 3px var(--ember-wash)}.pill--searching .pill__dot{animation:pill-pulse var(--dur-shimmer,1.4s) var(--ease-in-out,ease-in-out) infinite}@keyframes pill-pulse{0%,to{opacity:.25}50%{opacity:1}}.pbtn{appearance:none;border:var(--line-w) solid var(--line);background:var(--slate);color:var(--bone);font-family:var(--font-ui);font-size:var(--fs-ui);border-radius:var(--radius-sm);min-height:var(--touch);cursor:pointer;transition:border-color var(--t-fast,.12s) ease, background var(--t-fast,.12s) ease;padding:8px 14px}.pbtn:hover:not(:disabled){border-color:var(--slate-2)}.pbtn:focus-visible{outline:var(--focus-ring);outline-offset:2px}.pbtn:disabled{opacity:.45;cursor:not-allowed}.pbtn--armed{border-color:var(--ember-dim);color:var(--ember);background:var(--ember-wash)}.padvanced{margin-top:4px}.padvanced>summary{cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 0}.padvanced>summary:focus-visible{outline:var(--focus-ring);outline-offset:2px}.pbtn--panic{border-color:var(--ember-dim);color:var(--ember);letter-spacing:.02em;font-weight:600}.pbtn--panic:hover:not(:disabled){border-color:var(--ember);background:var(--ember-wash)}.pinput{appearance:none;border:var(--line-w) solid var(--line);background:var(--ink);min-width:0;color:var(--bone);font-family:var(--font-ui);font-size:var(--fs-ui);border-radius:var(--radius-sm);min-height:var(--touch);flex:auto;padding:8px 12px}.pinput:focus-visible{outline:var(--focus-ring);outline-offset:1px}.macropad{gap:var(--sp-5);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));place-items:start center;display:grid}.macrocell{align-items:center;gap:var(--sp-2);text-align:center;flex-direction:column;display:flex}.presetcat+.presetcat{margin-top:var(--sp-4)}.presetcat__label{color:var(--haze);margin-bottom:var(--sp-2)}.presetgrid{gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.presetchip{appearance:none;text-align:left;border:var(--line-w) solid var(--line);background:var(--slate);border-radius:var(--radius-sm);cursor:pointer;color:var(--bone);transition:border-color var(--t-fast,.12s) ease, background var(--t-fast,.12s) ease;padding:10px 12px}.presetchip:hover{border-color:var(--slate-2)}.presetchip:focus-visible{outline:var(--focus-ring);outline-offset:2px}.presetchip__name{font-family:var(--font-display);font-size:var(--fs-body);line-height:var(--lh-snug);display:block}.presetchip[aria-pressed=true]{border-color:var(--ember-dim);background:var(--ember-wash)}.presetchip[aria-pressed=true] .presetchip__name{color:var(--ember)}.sessionrow{align-items:center;gap:var(--sp-2);border-bottom:var(--line-w) solid var(--line);padding:8px 0;display:flex}.sessionrow__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-ui);font-size:var(--fs-ui);color:var(--bone);flex:auto;overflow:hidden}.sessionrow__meta{color:var(--haze);font-size:var(--fs-xs)}.pempty{color:var(--haze);font-family:var(--font-ui);font-size:var(--fs-ui);padding:var(--sp-3) 0}.ptoast{font-family:var(--font-ui);font-size:var(--fs-xs);color:var(--ember)}.ptoast--warn{color:var(--danger)}.prec-dot{background:var(--danger);width:9px;height:9px;box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 20%, transparent);border-radius:50%;animation:1.2s ease-in-out infinite pill-pulse;display:inline-block}.app__panels .pgroup-wrap{display:contents}.app__panels .pgroup{border:none;min-inline-size:0;margin:0;padding:0}.app__panels .soundrack{columns:21rem;column-gap:var(--sp-6);grid-column:1/-1}.app__panels .soundrack .pgroup{break-inside:avoid;margin-bottom:var(--sp-6)}.app__panels .pgroup--presets{grid-column:1/-1}.app__panels .presetlib{align-items:start;gap:var(--sp-3) var(--sp-5);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.app__panels .presetcat{gap:var(--sp-2);flex-direction:column;display:flex}.app__panels .presetcat+.presetcat{margin-top:0}.app__panels .presetgrid{flex-direction:column;gap:6px;display:flex}.app__panels .presetchip{min-height:0;padding:6px 12px}.app__panels .macropad{grid-template-columns:repeat(2,minmax(0,1fr))}.app__panels .segmented__row{flex-wrap:nowrap}.app__panels .segmented__opt{min-height:32px;padding:4px 7px}.synthviz{border-radius:var(--radius-xs);background:var(--ink);width:100%;height:auto;box-shadow:inset 0 0 0 var(--line-w) var(--line);--viz-line:var(--ember);--viz-fill:var(--ember-wash);--viz-axis:var(--haze-dim);display:block}.synthviz--wave{--viz-line:var(--ember)}.psub__wave{height:30px;margin-bottom:var(--sp-1)}.section__viz{max-width:280px;margin-bottom:var(--sp-2)}.synthviz__line{stroke:var(--viz-line);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.synthviz__fill{fill:var(--viz-fill);stroke:none}.synthviz__node{fill:var(--viz-line)}.synthviz__axis{stroke:var(--viz-axis);stroke-width:1px;stroke-dasharray:2 3;vector-effect:non-scaling-stroke}.app{background:var(--ink);block-size:100dvh;inline-size:100%;color:var(--bone);grid-template-rows:auto 1fr auto;grid-template-areas:"transport""stage""drawer";display:grid;overflow:hidden}.app__stage{grid-area:stage;min-block-size:0;padding:clamp(.4rem,1.5vmin,1rem);display:flex}.app__surface{flex:1;min-block-size:0}.app__drawer-toggle{font:600 .72rem/1 var(--font-ui);letter-spacing:.04em;color:var(--haze);background:var(--slate);border:1px solid var(--line);cursor:pointer;border-radius:999px;order:2;grid-area:drawer;justify-self:center;margin:.3rem auto;padding:.35rem .9rem}.app__drawer-toggle:hover{color:var(--bone)}.app__drawer{background:var(--slate);border-top:1px solid var(--line);flex-direction:column;grid-area:drawer;gap:.5rem;max-block-size:min(58dvh,40rem);padding:0 clamp(.5rem,2vw,1.25rem) clamp(.5rem,2vw,1.25rem);display:flex;overflow:hidden auto}.app__drawer:not(.is-open){display:none}.app--focus .app__drawer-toggle{z-index:5;margin:0;position:fixed;inset-block-end:.6rem;inset-inline-end:.6rem}.drawer__bar{background:var(--slate);z-index:1;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem 0;display:flex;position:sticky;inset-block-start:0}.drawer__bar .app__drawer-toggle{margin:0}.drawer__eyebrow{color:var(--haze)}.drawer__quick{border-block-end:1px solid var(--line);flex-direction:column;grid-column:1/-1;gap:1rem;padding-block-end:1rem;display:flex}.drawer__group{color:var(--ember);grid-column:1/-1;margin:.75rem 0 0}.drawer__group:first-of-type{margin-top:0}.app__panels{grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));align-items:start;gap:1.25rem 2rem;display:grid}.poweron{background:radial-gradient(140% 100% at 50% 0%, var(--slate) 0%, var(--ink) 60%);block-size:100dvh;color:var(--bone);place-items:center;padding:1.5rem;display:grid}.poweron__inner{text-align:center;flex-direction:column;align-items:center;gap:1.1rem;max-inline-size:34rem;display:flex}.poweron__mark{border-radius:20px;block-size:96px;inline-size:96px}.poweron__wordmark{font:400 clamp(3rem, 12vw, 5.5rem)/.95 var(--font-display);letter-spacing:-.02em;margin:0}.poweron__wordmark em{color:var(--ember);font-style:italic}.poweron__hook{max-inline-size:22rem;font:400 clamp(1rem, 3.5vw, 1.35rem)/1.4 var(--font-display);color:var(--haze);margin:0}.poweron__start{font:600 1rem/1 var(--font-ui);letter-spacing:.02em;color:var(--ink);background:var(--ember);cursor:pointer;transition:transform var(--dur,.15s) var(--ease,ease);border:none;border-radius:999px;margin-block-start:.5rem;padding:.85rem 2rem}.poweron__start:hover:not(:disabled){transform:translateY(-1px)scale(1.02)}.poweron__start:disabled{opacity:.6;cursor:progress}.poweron__error{font:500 .85rem/1.4 var(--font-ui);color:var(--ember);margin:0}.poweron__note{font:400 .78rem/1.5 var(--font-mono);color:var(--haze-dim);margin:0}@media (max-width:720px){.transport{overscroll-behavior:contain;max-block-size:32dvh;overflow-y:auto}.app__stage{min-block-size:34dvh}.app__drawer.is-open{max-block-size:42dvh}.app--focus .app__stage{min-block-size:60dvh}}@media (prefers-reduced-motion:reduce){.poweron__start{transition:none}.poweron__start:hover:not(:disabled){transform:none}}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-latin-400-normal-Rg4St2Dn.woff2)format("woff2"),url(/assets/space-mono-latin-400-normal-_3DlpgIW.woff)format("woff")}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-mono-latin-700-normal-mWgeinG7.woff2)format("woff2"),url(/assets/space-mono-latin-700-normal-D7A851RN.woff)format("woff")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-display:"Fraunces Variable", "Fraunces", Georgia, "Times New Roman", serif;--font-ui:"Space Grotesk Variable", "Space Grotesk", system-ui, -apple-system, sans-serif;--font-mono:"Space Mono", ui-monospace, "SF Mono", Menlo, monospace;--ink:#0e1116;--slate:#151b24;--slate-2:#1b2430;--raise:#212c3a;--line:#26313e;--bone:#e7ecf2;--haze:#8695a6;--haze-dim:#5a6675;--ember:#f2a65a;--ember-dim:#8a6437;--glide:#7fe7d4;--glide-dim:#3f7d74;--ember-glow:color-mix(in srgb, var(--ember) 40%, transparent);--ember-wash:color-mix(in srgb, var(--ember) 14%, transparent);--glide-glow:color-mix(in srgb, var(--glide) 38%, transparent);--danger:#e2664a;--fs-display:clamp(2.2rem, 1.4rem + 3.2vw, 3.2rem);--fs-title:1.35rem;--fs-lg:1.1rem;--fs-body:.95rem;--fs-ui:.85rem;--fs-sm:.78rem;--fs-xs:.7rem;--fs-eyebrow:.66rem;--lh-tight:1.05;--lh-snug:1.25;--lh-body:1.5;--ls-eyebrow:.09em;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--radius:14px;--radius-sm:9px;--radius-xs:6px;--radius-pill:999px;--touch:44px;--gap:12px;--line-w:1px;--shadow-1:0 1px 3px #0006;--shadow-2:0 8px 24px #00000073;--shadow-3:0 18px 50px #0000008c;--shadow-sheet:0 -12px 40px #00000080;--focus-ring:0 0 0 2px var(--ink), 0 0 0 4px var(--ember);--t-fast:90ms;--t-med:.17s;--t-slow:.32s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-bloom:cubic-bezier(.16, 1, .3, 1);--dur-bloom:.26s;--dur-shimmer:.9s}@media (prefers-reduced-motion:reduce){:root{--t-fast:.01ms;--t-med:.01ms;--t-slow:.01ms;--dur-bloom:.01ms;--dur-shimmer:.01ms}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:where(h1,h2,h3,h4){font-weight:600;line-height:var(--lh-snug);margin:0}:where(p){line-height:var(--lh-body);margin:0}:where(a){color:var(--ember);text-decoration:none}:where(a:hover){text-decoration:underline}:where(code,kbd,samp){font-family:var(--font-mono);font-size:.9em}::selection{background:var(--ember-wash);color:var(--bone)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:radial-gradient(140% 120% at 50% -10%, #12171f 0%, var(--ink) 60%) fixed, var(--ink);color:var(--bone);font-family:var(--font-ui);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);margin:0}#root{isolation:isolate}:where(button,input,select,textarea){font:inherit;color:inherit}:where(button){cursor:pointer;background:0 0;border:none;padding:0}:where(button,input,select,textarea,a,[tabindex],[role=button],[role=switch],[role=slider]):focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-xs);outline:none}.touch-none{-webkit-tap-highlight-color:transparent;touch-action:none;-webkit-user-select:none;user-select:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.row{align-items:center;gap:var(--sp-3);display:flex}.row--wrap{flex-wrap:wrap}.stack{gap:var(--sp-3);flex-direction:column;display:flex}.spacer{flex:1}.eyebrow{font-family:var(--font-ui);font-size:var(--fs-eyebrow);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--haze-dim);font-weight:600}
