.canvas-component{display:block;width:100%;height:100%;background:var(--display-bg)}.scope,.spectrum{width:100%;height:100%;display:block}.status-led{--led-color: var(--led-off);--led-glow: transparent;display:inline-block;width:8px;height:8px;background:var(--led-color);box-shadow:0 0 0 1px #0009 inset,0 0 4px var(--led-glow);flex-shrink:0;transition:background var(--dur-quick) var(--ease),box-shadow var(--dur-quick) var(--ease)}.status-led[data-tone=on]{--led-color: var(--led-on);--led-glow: var(--led-on)}.status-led[data-tone=warn]{--led-color: var(--led-on-warn);--led-glow: var(--led-on-warn)}.status-led[data-tone=error]{--led-color: var(--led-on-error);--led-glow: var(--led-on-error)}.status-led.is-pulsing{animation:led-pulse 2.4s ease-in-out infinite}@keyframes led-pulse{0%,to{opacity:1;box-shadow:0 0 0 1px #0009 inset,0 0 6px var(--led-glow)}50%{opacity:.55;box-shadow:0 0 0 1px #0009 inset,0 0 1px var(--led-glow)}}.readout{display:flex;flex-direction:column;gap:2px;padding:var(--space-2) var(--space-3);background:var(--surface-1);border:1px solid var(--border-hairline);border-radius:var(--radius-1);min-width:0}.readout__label{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-mute)}.readout__value-row{display:flex;align-items:baseline;gap:var(--space-1);min-width:0}.readout__value{font-family:var(--font-mono);font-size:var(--fs-medium);font-weight:600;color:var(--text-strong);letter-spacing:.02em;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.readout__unit{font-family:var(--font-mono);font-size:var(--fs-tiny);color:var(--text-dim);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.readout[data-tone=accent] .readout__value{color:var(--accent)}.readout[data-tone=ok] .readout__value{color:var(--ok)}.readout[data-tone=warn] .readout__value{color:var(--warn)}.readout[data-tone=error] .readout__value{color:var(--error)}.soft-key{--sk-bg: var(--surface-3);--sk-bg-active: var(--surface-4);--sk-fg: var(--text-strong);--sk-border: var(--border-strong);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-5);background:var(--sk-bg);color:var(--sk-fg);border:1px solid var(--sk-border);font-family:var(--font-mono);font-size:var(--fs-small);font-weight:600;letter-spacing:var(--tracking-wider);text-transform:uppercase;cursor:pointer;user-select:none;transition:background var(--dur-quick) var(--ease),border-color var(--dur-quick) var(--ease),color var(--dur-quick) var(--ease),transform var(--dur-instant) var(--ease)}.soft-key:hover{background:var(--sk-bg-active)}.soft-key:active{transform:translateY(1px)}.soft-key:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}.soft-key:disabled{opacity:.4;cursor:not-allowed}.soft-key[data-variant=primary]{--sk-fg: var(--accent);--sk-border: var(--border-hairline)}.soft-key[data-variant=primary]:hover{border-color:var(--accent)}.soft-key[data-variant=arm]{--sk-fg: var(--ok);--sk-border: var(--border-hairline)}.soft-key[data-variant=arm]:hover{border-color:var(--ok)}.soft-key[data-variant=abort]{--sk-fg: var(--error);--sk-border: var(--border-hairline)}.soft-key[data-variant=abort]:hover{border-color:var(--error)}.soft-key[data-variant=ghost]{--sk-bg: transparent;--sk-bg-active: var(--surface-3);--sk-fg: var(--text-dim);--sk-border: var(--border-hairline)}.led-meter{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--surface-1);border:1px solid var(--border-hairline);border-radius:var(--radius-1)}.led-meter__head{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-mono)}.led-meter__title{font-size:var(--fs-micro);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-mute)}.led-meter__value{font-size:var(--fs-tiny);color:var(--text-dim);font-variant-numeric:tabular-nums}.led-meter__scale{position:relative;display:flex;gap:1px;height:12px;background:var(--meter-off);border:1px solid var(--border-hairline);border-radius:1px;padding:1px;overflow:hidden}.led-meter__seg{flex:1;background:transparent;border-radius:0;transition:background .28s ease-out,box-shadow .28s ease-out}.led-meter__seg.is-on{transition:background 40ms ease-out,box-shadow 40ms ease-out}.led-meter__seg.is-on[data-zone=low]{background:var(--meter-low);box-shadow:0 0 3px var(--meter-low),0 0 1px var(--meter-low) inset}.led-meter__seg.is-on[data-zone=mid]{background:var(--meter-mid);box-shadow:0 0 3px var(--meter-mid),0 0 1px var(--meter-mid) inset}.led-meter__seg.is-on[data-zone=high]{background:var(--meter-high);box-shadow:0 0 4px var(--meter-high),0 0 1px var(--meter-high) inset}.led-meter__peak{position:absolute;top:1px;bottom:1px;width:2px;background:var(--text-strong);pointer-events:none;transition:left var(--dur-instant) linear;opacity:0}.led-meter__peak[data-zone=low]{background:var(--meter-low)}.led-meter__peak[data-zone=mid]{background:var(--meter-mid)}.led-meter__peak[data-zone=high]{background:var(--meter-high)}.led-meter__labels{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--text-mute);font-variant-numeric:tabular-nums}.waterfall{position:relative;width:100%;height:100%;background:var(--waterfall-bg);overflow:hidden}.waterfall__heat,.waterfall__markers{position:absolute;inset:0;width:100%;height:100%;display:block}.waterfall__markers{pointer-events:none}.symbol-stream{display:block;width:100%;height:100%;background:var(--display-bg)}.app{display:grid;grid-template-rows:auto 1fr auto;min-height:100dvh;width:100%;background:var(--surface-0)}.app-header{display:flex;align-items:stretch;background:var(--surface-1);border-bottom:1px solid var(--border-hairline);height:56px;padding:0 var(--space-4);gap:var(--space-5);flex-wrap:nowrap;overflow:hidden}.app-header__brand{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.app-header__mark{width:28px;height:28px;display:flex;align-items:center;justify-content:center}.app-header__title{font-family:var(--font-mono);font-size:var(--fs-base);font-weight:700;color:var(--text-strong);letter-spacing:var(--tracking-wider);text-transform:uppercase;white-space:nowrap}.app-header__sub{display:block;font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:500;letter-spacing:var(--tracking-wide);color:var(--text-mute);text-transform:uppercase}.app-header__readouts{display:flex;align-items:stretch;gap:1px;background:var(--border-hairline);flex:1;min-width:0;overflow:hidden}.app-header__readouts .readout{border:none;border-radius:0;background:var(--surface-1);flex:1;min-width:90px;justify-content:center}.app-header__status{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);font-family:var(--font-mono);font-size:var(--fs-tiny);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-dim);border-left:1px solid var(--border-hairline);flex-shrink:0}.app-header__theme{display:flex;align-items:stretch;padding:0 var(--space-2);border-left:1px solid var(--border-hairline);flex-shrink:0}.app-header__menu-wrap{display:flex;align-items:center;padding:0 var(--space-2);border-left:1px solid var(--border-hairline);flex-shrink:0}.app-header__menu{width:32px;height:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:var(--surface-2);border:1px solid var(--border-hairline);cursor:pointer;transition:background var(--dur-quick) var(--ease),border-color var(--dur-quick) var(--ease)}.app-header__menu:hover{background:var(--surface-3);border-color:var(--border-strong)}.app-header__menu:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.app-header__menu span{display:block;width:14px;height:1.5px;background:var(--text-dim);transition:background var(--dur-quick) var(--ease)}.app-header__menu:hover span{background:var(--text)}.theme-toggle{display:inline-flex;align-items:center;gap:6px;padding:0 var(--space-2);border:1px solid var(--border-hairline);background:var(--surface-2);color:var(--text-dim);font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:var(--tracking-widest);text-transform:uppercase;cursor:pointer;border-radius:var(--radius-1);transition:color var(--dur-quick) var(--ease),border-color var(--dur-quick) var(--ease)}.theme-toggle:hover{color:var(--accent);border-color:var(--border-strong)}.theme-toggle:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.theme-toggle__icon{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--trace-f0) 0% 50%,var(--trace-f3) 50% 100%);box-shadow:0 0 4px var(--trace-f0),inset 0 0 0 1px #0006}@media(max-width:600px){.app-header{height:52px;gap:var(--space-3);padding:0 var(--space-3)}.tab-bar__tab{padding:var(--space-2) var(--space-3);font-size:10px}.panel__head{padding:var(--space-2) var(--space-3);min-height:34px}.panel__sub{display:none}.panel__body{gap:var(--space-2);padding:var(--space-2) var(--space-3)}.tx-input__textarea{min-height:56px;padding:var(--space-2) var(--space-3)}.tx-input__label{display:none}.viz-block__canvas{height:140px}.viz-block__canvas--waterfall{height:100px}.viz-block__canvas--symbols{height:78px}.soft-key{min-height:40px}.config__summary{min-height:32px;padding:6px var(--space-3);font-size:10px}.led-meter{padding:6px var(--space-3)}.app-header__sub{display:none}.app-header__brand{gap:var(--space-2)}.app-header__readouts .readout{min-width:0;padding:var(--space-1) var(--space-2)}.app-header__readouts .readout:nth-child(1),.app-header__readouts .readout:nth-child(2){display:none}.app-header__readouts .readout{padding:var(--space-1) var(--space-2)}.app-header__readouts .readout__value{font-size:var(--fs-base)}.app-header__status{padding:0 var(--space-2);font-size:10px}.app-header__theme{padding:0 var(--space-1)}.theme-toggle__label{display:none}.theme-toggle{padding:0 6px}}.app-main{display:grid;grid-template-columns:1fr;gap:1px;background:var(--border-hairline);min-height:0}@media(min-width:960px){.app-main{grid-template-columns:1fr 1fr}}.tab-bar{display:flex;gap:1px;background:var(--border-hairline);border-bottom:1px solid var(--border-hairline)}.tab-bar__tab{flex:1;height:36px;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-3);font-family:var(--font-mono);font-size:var(--fs-tiny);font-weight:600;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-mute);background:var(--surface-1);border:none;cursor:pointer;transition:color var(--dur-quick) var(--ease),background var(--dur-quick) var(--ease)}.tab-bar__tab:hover{color:var(--text-dim);background:var(--surface-2)}.tab-bar__tab:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}.tab-bar__pip{width:7px;height:7px;background:var(--led-off);flex-shrink:0;transition:background var(--dur-quick) var(--ease)}.tab-bar__tab.is-active{color:var(--text-strong);background:var(--surface-3)}.tab-bar__tab.is-active .tab-bar__pip{background:var(--accent)}@media(min-width:960px){.tab-bar{display:none}}.panel{display:flex;flex-direction:column;background:var(--surface-1);min-width:0;min-height:0}@media(max-width:959px){.panel.is-hidden{display:none}}.panel-state{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-dim);padding:0 var(--space-2);border:1px solid var(--border-hairline);background:var(--surface-1);display:inline-flex;align-items:center;flex-shrink:0;min-width:64px;height:100%;justify-content:center}.panel-state[data-state=listening]{color:var(--ok);border-color:var(--ok)}.panel-state[data-state=preamble],.panel-state[data-state=sync],.panel-state[data-state=calibrating]{color:var(--warn);border-color:var(--warn)}.panel-state[data-state=receiving]{color:var(--accent);border-color:var(--accent)}.panel-state[data-state=complete]{color:var(--ok);border-color:var(--ok)}.panel-state[data-state=error]{color:var(--error);border-color:var(--error)}.tx-compose{display:flex;flex-direction:column;gap:var(--space-2)}.tx-compose__bar{display:flex;gap:var(--space-2);align-items:stretch;height:40px}.tx-compose__open-btn{flex:1}.tx-compose__panel{display:none;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--surface-2);border:1px solid var(--border-hairline)}.tx-compose.is-open .tx-compose__panel{display:flex}.tx-compose__row{display:flex;justify-content:space-between;align-items:center}.tx-compose__close{font-family:var(--font-mono);font-size:18px;line-height:1;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-hairline);background:var(--surface-1);color:var(--text-dim);cursor:pointer}.tx-compose__close:hover{color:var(--accent);border-color:var(--border-strong)}.tx-compose__actions{display:flex;gap:var(--space-2)}.tx-compose__actions .soft-key{flex:1}.form-label{font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:600;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-mute)}.rx-arm-bar{display:flex;gap:var(--space-2);align-items:stretch;height:40px}.rx-arm-bar__btn{flex:1}.rx-import-row{display:flex;gap:var(--space-3);align-items:center;margin-top:var(--space-2);flex-wrap:wrap}.rx-import-row__btn{min-height:40px}.rx-listen-toggle{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--fs-tiny);color:var(--text-dim);letter-spacing:var(--tracking-wide);text-transform:uppercase;user-select:none;cursor:pointer;min-height:40px;padding:0 var(--space-2);transition:color var(--dur-quick) var(--ease)}.rx-listen-toggle input[type=checkbox]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.rx-listen-toggle__box{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--surface-3);border:1px solid var(--border-strong);border-radius:var(--radius-1);flex-shrink:0;transition:background var(--dur-quick) var(--ease),border-color var(--dur-quick) var(--ease),box-shadow var(--dur-quick) var(--ease)}.rx-listen-toggle__box:after{content:"";width:8px;height:8px;background:transparent;border-radius:1px;transition:background var(--dur-quick) var(--ease),box-shadow var(--dur-quick) var(--ease)}.rx-listen-toggle:hover .rx-listen-toggle__box{border-color:var(--accent)}.rx-listen-toggle input[type=checkbox]:focus-visible+.rx-listen-toggle__box{outline:1px solid var(--accent);outline-offset:2px}.rx-listen-toggle input[type=checkbox]:checked+.rx-listen-toggle__box{background:var(--surface-4);border-color:var(--accent);box-shadow:0 0 4px var(--accent-soft) inset}.rx-listen-toggle input[type=checkbox]:checked+.rx-listen-toggle__box:after{background:var(--accent);box-shadow:0 0 4px var(--accent)}.rx-listen-toggle input[type=checkbox]:checked~.rx-listen-toggle__label{color:var(--accent)}.rx-listen-toggle__label{transition:color var(--dur-quick) var(--ease)}.viz-block__sub{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-mute)}.panel__head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-2);border-bottom:1px solid var(--border-hairline);flex-shrink:0}.panel__title{font-family:var(--font-mono);font-size:var(--fs-tiny);font-weight:700;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-strong)}.panel__sub{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-mute)}.panel__head-spacer{flex:1}.panel__head-state{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-dim);padding:2px 8px;border:1px solid var(--border-hairline);border-radius:var(--radius-1);background:var(--surface-1)}.panel__head-state[data-state=listening]{color:var(--ok);border-color:#00ff884d}.panel__head-state[data-state=preamble],.panel__head-state[data-state=sync]{color:var(--warn);border-color:#ffb00052}.panel__head-state[data-state=receiving]{color:var(--accent);border-color:#00d9ff52}.panel__head-state[data-state=complete]{color:var(--ok);border-color:#00ff8880;background:#00ff880f}.panel__head-state[data-state=error]{color:var(--error);border-color:#ff404066;background:#ff40400d}.panel__head-state[data-state=calibrating]{color:var(--warn);border-color:#ffb00052}.panel__body{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3) var(--space-4);flex:1;min-height:0;overflow-y:auto}.config{display:flex;flex-direction:column;gap:var(--space-2)}.config__summary{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface-2);border:1px solid var(--border-hairline);border-radius:var(--radius-1);font-family:var(--font-mono);font-size:var(--fs-tiny);font-variant-numeric:tabular-nums;color:var(--text-dim);text-align:left;min-height:36px;cursor:pointer;transition:border-color var(--dur-quick) var(--ease),color var(--dur-quick) var(--ease)}.config__summary:hover{border-color:var(--border-strong);color:var(--text)}.config__summary-label{font-size:var(--fs-micro);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-mute)}.config__summary-chips{display:inline-flex;align-items:center;gap:3px}.config__chip{display:inline-block;width:7px;height:7px;border-radius:1px;flex-shrink:0}.config__chip[data-freq="0"]{background:var(--trace-f0)}.config__chip[data-freq="1"]{background:var(--trace-f1)}.config__chip[data-freq="2"]{background:var(--trace-f2)}.config__chip[data-freq="3"]{background:var(--trace-f3)}.config__summary-values{color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.config__summary-sep{color:var(--text-mute)}.config__summary-baud{color:var(--text);white-space:nowrap}.config__summary-spacer{flex:0 0 4px}.config__summary-toggle{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.config__summary-toggle:before,.config__summary-toggle:after{content:"";position:absolute;background:currentColor;border-radius:1px}.config__summary-toggle:before{width:9px;height:1.5px}.config__summary-toggle:after{width:1.5px;height:9px;transition:transform var(--dur-quick) var(--ease)}.config.is-expanded .config__summary-toggle:after{transform:scaleY(0)}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:var(--space-2)}.config .config__grid{display:none}.config.is-expanded .config__grid{display:grid}.config-cell{display:flex;flex-direction:column;gap:2px;padding:var(--space-2);background:var(--surface-2);border:1px solid var(--border-hairline);border-radius:var(--radius-1);min-width:0}.config-cell__label{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-mute)}.config-cell__chip{width:8px;height:8px;border-radius:1px;flex-shrink:0;box-shadow:0 0 4px currentColor}.config-cell__chip[data-freq="0"]{background:var(--trace-f0)}.config-cell__chip[data-freq="1"]{background:var(--trace-f1)}.config-cell__chip[data-freq="2"]{background:var(--trace-f2)}.config-cell__chip[data-freq="3"]{background:var(--trace-f3)}.config-cell__input{background:transparent;color:var(--text-strong);font-family:var(--font-mono);font-size:var(--fs-medium);font-weight:600;font-variant-numeric:tabular-nums;width:100%;padding:0;border:none;outline:none}.config-cell:focus-within{border-color:var(--accent)}.config-cell__unit{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--text-dim);text-transform:uppercase;letter-spacing:var(--tracking-wide);align-self:flex-end}.tx-input{display:flex;flex-direction:column;gap:var(--space-1)}.tx-input__label{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-mute)}.tx-input__textarea{display:block;width:100%;min-height:88px;padding:var(--space-3);font-family:var(--font-mono);font-size:var(--fs-base);background:var(--display-bg);border:1px solid var(--border-hairline);border-radius:var(--radius-1);color:var(--text-strong);resize:vertical;line-height:var(--lh-base)}.tx-input__textarea:focus{border-color:var(--accent)}.tx-input__meta{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--text-mute);font-variant-numeric:tabular-nums}.tx-counter{font-weight:600;letter-spacing:var(--tracking-wide);transition:color var(--dur-quick) var(--ease)}.tx-counter[data-zone=ok]{color:var(--ok)}.tx-counter[data-zone=warn]{color:var(--warn)}.tx-counter[data-zone=over]{color:var(--error)}.viz-block{display:flex;flex-direction:column;gap:var(--space-1)}.viz-block__head{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-mute)}.viz-block__title{display:flex;align-items:center;gap:var(--space-2)}.viz-block__canvas{position:relative;height:180px;border:1px solid var(--border-hairline);background:var(--display-bg)}@media(min-width:960px){.viz-block__canvas{height:200px}}.viz-block__canvas canvas{position:absolute;inset:0}.viz-block__canvas--waterfall{height:120px}@media(min-width:960px){.viz-block__canvas--waterfall{height:160px}}.viz-block__canvas--symbols{height:96px}@media(min-width:960px){.viz-block__canvas--symbols{height:110px}}.progress-row{display:flex;align-items:center;gap:var(--space-3)}.progress-bar{flex:1;position:relative;height:4px;background:var(--surface-3);overflow:hidden;border-radius:1px;border:1px solid var(--border-hairline)}.progress-bar__fill{position:absolute;inset:0 auto 0 0;background:var(--accent);width:0%;transition:width .1s linear}.progress-bar__fill[data-tone=ok]{background:var(--ok)}.progress-bar__fill[data-tone=warn]{background:var(--warn)}.progress-row__value{font-family:var(--font-mono);font-size:var(--fs-tiny);color:var(--text-dim);font-variant-numeric:tabular-nums;min-width:40px;text-align:right}.rx-output{padding:var(--space-3);background:var(--surface-2);border:1px solid var(--border-hairline);border-left:2px solid var(--accent);font-family:var(--font-mono);font-size:var(--fs-base);color:var(--text-strong);white-space:pre-wrap;word-break:break-all;min-height:56px}.rx-output:empty{display:none}.tag-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-dim);background:var(--surface-3);border:1px solid var(--border-hairline);border-radius:1px}.tag[data-tone=ok]{color:var(--ok);border-color:#00ff884d}.tag[data-tone=fail]{color:var(--error);border-color:#ff404066}.tag[data-tone=warn]{color:var(--warn);border-color:#ffb00052}.debug-drawer{background:var(--surface-1);border-top:1px solid var(--border-hairline);display:flex;flex-direction:column}.debug-drawer__head{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-hairline);background:var(--surface-2)}.debug-drawer__title{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-mute)}.debug-drawer__spacer{flex:1}.debug-drawer__log{height:0;overflow:hidden;font-family:var(--font-mono);font-size:var(--fs-tiny);color:var(--text-dim);background:var(--surface-0);white-space:pre-wrap;word-break:break-all;line-height:1.5;transition:height var(--dur-quick) var(--ease)}.debug-drawer.is-open .debug-drawer__log{height:160px;overflow-y:auto;padding:var(--space-2) var(--space-4)}.settings-backdrop{position:fixed;inset:0;background:#0000008c;opacity:0;pointer-events:none;transition:opacity var(--dur-quick) var(--ease);z-index:200}.settings-backdrop.is-open{opacity:1;pointer-events:auto}.settings-drawer{position:fixed;top:0;right:0;bottom:0;width:340px;max-width:100vw;background:var(--surface-1);border-left:1px solid var(--border-strong);z-index:201;transform:translate(100%);transition:transform var(--dur-quick) var(--ease);display:flex;flex-direction:column;overflow:hidden}.settings-drawer.is-open{transform:translate(0)}@media(max-width:600px){.settings-drawer{width:auto;inset:auto 0 0;max-height:88vh;border-left:none;border-top:1px solid var(--border-strong);transform:translateY(100%)}.settings-drawer.is-open{transform:translateY(0)}}.settings-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-hairline);background:var(--surface-2);flex-shrink:0}.settings-drawer__title{font-family:var(--font-mono);font-size:var(--fs-tiny);font-weight:700;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-strong)}.settings-drawer__close{width:28px;height:28px;border:1px solid var(--border-hairline);background:var(--surface-1);color:var(--text-dim);font-family:var(--font-mono);font-size:18px;line-height:1;cursor:pointer}.settings-drawer__close:hover{color:var(--accent);border-color:var(--border-strong)}.settings-drawer__body{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-4);overflow-y:auto;flex:1}.settings-drawer__section{display:flex;flex-direction:column;gap:var(--space-2)}.settings-drawer__section-title{font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:600;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-mute)}.theme-picker{display:grid;gap:1px;background:var(--border-hairline)}.theme-picker__btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface-2);border:none;color:var(--text-dim);font-family:var(--font-mono);font-size:var(--fs-tiny);font-weight:600;letter-spacing:var(--tracking-wider);text-transform:uppercase;cursor:pointer;text-align:left;transition:background var(--dur-quick) var(--ease),color var(--dur-quick) var(--ease)}.theme-picker__btn:hover{background:var(--surface-3);color:var(--text)}.theme-picker__btn.is-active{background:var(--accent-soft);color:var(--accent)}.theme-picker__btn.is-active:before{content:"▸";margin-right:-2px;color:var(--accent)}.theme-picker__swatch{display:inline-flex;gap:2px;flex-shrink:0}.theme-picker__dot{display:inline-block;width:8px;height:8px}.theme-picker__label{flex:1}.theme-picker__btn[data-theme=lcd-casio] .theme-picker__dot[data-trace="0"]{background:#1a201d}.theme-picker__btn[data-theme=lcd-casio] .theme-picker__dot[data-trace="1"]{background:#2a2520}.theme-picker__btn[data-theme=lcd-casio] .theme-picker__dot[data-trace="2"]{background:#1d2a18}.theme-picker__btn[data-theme=lcd-casio] .theme-picker__dot[data-trace="3"]{background:#25181f}.theme-picker__btn[data-theme=lcd-blueprint] .theme-picker__dot[data-trace="0"]{background:#b8bcb6}.theme-picker__btn[data-theme=lcd-blueprint] .theme-picker__dot[data-trace="1"]{background:#a4a89c}.theme-picker__btn[data-theme=lcd-blueprint] .theme-picker__dot[data-trace="2"]{background:#1a1f1c}.theme-picker__btn[data-theme=lcd-blueprint] .theme-picker__dot[data-trace="3"]{background:#c8ccc6}.theme-picker__btn[data-theme=crt-amber] .theme-picker__dot[data-trace="0"]{background:gold}.theme-picker__btn[data-theme=crt-amber] .theme-picker__dot[data-trace="1"]{background:#ffa000}.theme-picker__btn[data-theme=crt-amber] .theme-picker__dot[data-trace="2"]{background:#ff7000}.theme-picker__btn[data-theme=crt-amber] .theme-picker__dot[data-trace="3"]{background:#ff4020}.theme-picker__btn[data-theme=mono-phosphor] .theme-picker__dot[data-trace="0"]{background:#b0ffcc}.theme-picker__btn[data-theme=mono-phosphor] .theme-picker__dot[data-trace="1"]{background:#6f9}.theme-picker__btn[data-theme=mono-phosphor] .theme-picker__dot[data-trace="2"]{background:#20cc55}.theme-picker__btn[data-theme=mono-phosphor] .theme-picker__dot[data-trace="3"]{background:#0a8033}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100dvh;background:var(--surface-0);color:var(--text);font-family:var(--font-display);font-size:var(--fs-base);line-height:var(--lh-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{overscroll-behavior:none}#app{min-height:100dvh;display:flex;flex-direction:column}button{font-family:inherit;font-size:inherit;background:none;border:none;color:inherit;cursor:pointer}input,textarea{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;outline:none}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}::selection{background:var(--accent-soft);color:var(--text-strong)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface-1)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-1)}::-webkit-scrollbar-thumb:hover{background:var(--text-mute)}:root{--p-black: #06080c;--p-charcoal: #0a0e14;--p-graphite: #11161e;--p-steel: #141a26;--p-iron: #1a212c;--p-fog: #2a3340;--p-mist: #4a5666;--p-cloud: #8e9bab;--p-ash: #c9d2dd;--p-bone: #e8edf3;--p-snow: #f4f7fa;--p-cyan: #00d9ff;--p-lime: #a3ff00;--p-amber: #ffb000;--p-magenta: #ff3a8c;--p-red: #ff4040;--p-green: #00ff88;--p-blue: #4090ff;--p-violet: #a070ff;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-0: 0px;--radius-1: 2px;--radius-2: 4px;--font-mono: "JetBrains Mono", ui-monospace, "IBM Plex Mono", "SF Mono", Menlo, Consolas, monospace;--font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--fs-micro: 10px;--fs-tiny: 11px;--fs-small: 12px;--fs-base: 13px;--fs-medium: 15px;--fs-large: 18px;--fs-xl: 24px;--fs-display: 32px;--lh-tight: 1.15;--lh-base: 1.45;--tracking-wide: .06em;--tracking-wider: .1em;--tracking-widest: .18em;--dur-instant: 60ms;--dur-quick: .12s;--ease: cubic-bezier(.2, 0, .2, 1);--surface-0: var(--p-black);--surface-1: var(--p-charcoal);--surface-2: var(--p-graphite);--surface-3: var(--p-steel);--surface-4: var(--p-iron);--display-bg: var(--surface-2);--border-hairline: #1a2230;--border-strong: #2c3848;--border-accent: var(--p-cyan);--text: #d6dde6;--text-strong: #f1f4f8;--text-dim: #8e9bab;--text-mute: #4a5666;--text-on-accent: #06080c;--accent: var(--p-cyan);--accent-soft: rgba(0, 217, 255, .18);--ok: var(--p-green);--warn: var(--p-amber);--error: var(--p-red);--graticule-minor: rgba(80, 110, 150, .1);--graticule-major: rgba(110, 150, 200, .18);--graticule-axis: rgba(140, 180, 230, .32);--trace-wave: var(--p-lime);--trace-f0: var(--p-cyan);--trace-f1: var(--p-lime);--trace-f2: var(--p-amber);--trace-f3: var(--p-magenta);--meter-low: var(--p-lime);--meter-mid: var(--p-amber);--meter-high: var(--p-red);--meter-off: rgba(110, 150, 200, .08);--marker: rgba(0, 217, 255, .35);--marker-text: var(--p-cyan);--led-on: var(--p-lime);--led-on-warn: var(--p-amber);--led-on-error: var(--p-red);--led-off: rgba(80, 110, 150, .18);--waterfall-bg: #0a0e16;--waterfall-cold: rgba(0, 30, 60, 0);--waterfall-warm: rgba(0, 217, 255, .55);--waterfall-hot: rgba(255, 176, 0, .95)}[data-theme=lcd-casio]{--surface-0: #d8d4cb;--surface-1: #f0ece2;--surface-2: #c4c0b6;--surface-3: #b0aca0;--surface-4: #98948a;--display-bg: #a4a89c;--border-hairline: #8a8278;--border-strong: #5a544a;--border-accent: #1a1812;--text: #1a1812;--text-strong: #050300;--text-dim: #5a5448;--text-mute: #98917f;--text-on-accent: #f0ece2;--accent: #1a1812;--accent-soft: rgba(26, 24, 18, .12);--ok: #2a4a1c;--warn: #6a4808;--error: #7a1a14;--graticule-minor: rgba(30, 38, 26, .09);--graticule-major: rgba(30, 38, 26, .2);--graticule-axis: rgba(20, 26, 18, .36);--trace-wave: #1a1f1c;--trace-f0: #1a201d;--trace-f1: #2a2520;--trace-f2: #1d2a18;--trace-f3: #25181f;--meter-low: #6a8c72;--meter-mid: #b89668;--meter-high: #a85e4e;--meter-off: rgba(30, 38, 26, .18);--marker: rgba(30, 38, 26, .34);--marker-text: #1a1f1c;--led-on: #3aa850;--led-on-warn: #c88c20;--led-on-error: #c8382a;--led-off: rgba(30, 38, 26, .14);--waterfall-bg: var(--display-bg);--waterfall-cold: rgba(60, 70, 55, 0);--waterfall-warm: rgba(30, 38, 26, .5);--waterfall-hot: rgba(10, 14, 8, .95)}[data-theme=lcd-blueprint]{--surface-0: #b8bcb6;--surface-1: #c8ccc6;--surface-2: #c0c4be;--surface-3: #a4a8a2;--surface-4: #888c86;--display-bg: #a4a89c;--border-hairline: #1a1f1c;--border-strong: #1a1f1c;--border-accent: #1a1f1c;--text: #0a0e0a;--text-strong: #000000;--text-dim: #4a4e48;--text-mute: #7a7e78;--text-on-accent: #c8ccc6;--accent: #1a1f1c;--accent-soft: rgba(26, 31, 28, .16);--ok: #1c4a1c;--warn: #5a3c08;--error: #6a1818;--graticule-minor: rgba(30, 38, 26, .09);--graticule-major: rgba(30, 38, 26, .2);--graticule-axis: rgba(20, 26, 18, .36);--trace-wave: #1a1f1c;--trace-f0: #1a201d;--trace-f1: #2a2520;--trace-f2: #1d2a18;--trace-f3: #25181f;--meter-low: #5e8870;--meter-mid: #a89660;--meter-high: #a05448;--meter-off: rgba(20, 26, 22, .22);--marker: rgba(30, 38, 26, .34);--marker-text: #1a1f1c;--led-on: #2da048;--led-on-warn: #c08418;--led-on-error: #c02828;--led-off: rgba(30, 38, 26, .16);--waterfall-bg: var(--display-bg);--waterfall-cold: rgba(60, 70, 55, 0);--waterfall-warm: rgba(30, 38, 26, .5);--waterfall-hot: rgba(10, 14, 8, .95)}[data-theme=crt-amber]{--surface-0: #02040a;--surface-1: #060912;--surface-2: #0a0e1a;--surface-3: #121726;--surface-4: #1c2236;--border-hairline: #2a1f10;--border-strong: #5a4118;--border-accent: #ffb000;--text: #ffb800;--text-strong: #ffd680;--text-dim: #b07000;--text-mute: #5e3d00;--text-on-accent: #050200;--accent: #ffb000;--accent-soft: rgba(255, 176, 0, .16);--ok: #ffd000;--warn: #ff8000;--error: #ff4020;--graticule-minor: rgba(180, 110, 0, .07);--graticule-major: rgba(220, 140, 0, .18);--graticule-axis: rgba(255, 180, 50, .32);--trace-wave: #ffb000;--trace-f0: #ffd700;--trace-f1: #ffa000;--trace-f2: #ff7000;--trace-f3: #ff4020;--meter-low: #ffd000;--meter-mid: #ff8000;--meter-high: #ff3010;--meter-off: rgba(180, 110, 0, .07);--marker: rgba(255, 176, 0, .32);--marker-text: #ffb000;--led-on: #ffb000;--led-on-warn: #ffd700;--led-on-error: #ff4020;--led-off: rgba(120, 80, 0, .16);--waterfall-bg: #050810;--waterfall-cold: rgba(80, 40, 0, 0);--waterfall-warm: rgba(255, 140, 0, .55);--waterfall-hot: rgba(255, 220, 0, .95)}[data-theme=mono-phosphor]{--surface-0: #020805;--surface-1: #050d08;--surface-2: #08130c;--surface-3: #0d1c12;--surface-4: #15281c;--border-hairline: #15321e;--border-strong: #2c5a3a;--border-accent: #00ff66;--text: #66ff99;--text-strong: #b0ffcc;--text-dim: #309960;--text-mute: #15522d;--text-on-accent: #021006;--accent: #00ff66;--accent-soft: rgba(0, 255, 102, .14);--ok: #66ff99;--warn: #ddff66;--error: #ff5050;--graticule-minor: rgba(40, 180, 80, .06);--graticule-major: rgba(60, 220, 110, .16);--graticule-axis: rgba(80, 255, 140, .34);--trace-wave: #00ff66;--trace-f0: #b0ffcc;--trace-f1: #66ff99;--trace-f2: #20cc55;--trace-f3: #0a8033;--meter-low: #2bc05a;--meter-mid: #66ff99;--meter-high: #ff5050;--meter-off: rgba(40, 110, 70, .07);--marker: rgba(0, 255, 102, .32);--marker-text: #66ff99;--led-on: #66ff99;--led-on-warn: #ddff66;--led-on-error: #ff5050;--led-off: rgba(20, 70, 40, .18);--waterfall-bg: #050a07;--waterfall-cold: rgba(0, 60, 30, 0);--waterfall-warm: rgba(40, 200, 90, .55);--waterfall-hot: rgba(180, 255, 200, .95)}