:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--void:#0b100f;--face:#151d1a;--face-2:#1b2521;--face-3:#24312b;--edge:#3e4e47;--edge-lit:#5a6e65;--groove:#0d1311;--ink:#e2eae5;--ink-dim:#a9b7b0;--ink-faint:#8da098;--lit:#f6faf7;--dead:#45544d;--stop:#ef6a4e;--warn:#e0b34c;--glow:#f6faf766;--legend:"Barlow Semi Condensed", "Barlow", "Segoe UI", system-ui, sans-serif;--body:"Barlow", "Segoe UI", system-ui, sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, monospace;--unit:8px;--radius:4px;--rule:1px;--dur:.24s;--ease:cubic-bezier(.2, .9, .25, 1)}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{background:var(--void);color:var(--ink);font:400 15px/1.5 var(--body);font-variant-numeric:tabular-nums;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0}button,input{font:inherit;color:inherit}::selection{background:#f6faf73d}input{caret-color:var(--ink)}:focus-visible{outline:2px solid var(--warn);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.screen[hidden]{display:none}.screen--app{flex-direction:column;height:100dvh;display:flex}.screen--pair{min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) 22px max(20px, env(safe-area-inset-bottom));place-items:center;display:grid}.mark{font-family:var(--legend);letter-spacing:.3em;text-transform:uppercase;color:var(--ink);margin:0;font-size:26px;font-weight:700}.mark--bar{letter-spacing:.32em;color:var(--ink-dim);font-size:12px}.k{font-family:var(--legend);text-transform:uppercase;letter-spacing:.17em;color:var(--ink-faint);font-size:10.5px;font-weight:600}.lede{color:var(--ink-dim);margin:0;font-size:14.5px}.hint{color:var(--ink-faint);margin:0;font-size:13px}.meter{font-family:var(--mono);font-size:12px}.state{font-family:var(--legend);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-faint);margin:0;font-size:11px;font-weight:500}.state[data-tone=ok]{color:var(--lit)}.state[data-tone=warn]{color:var(--warn)}.state[data-tone=bad]{color:var(--stop)}.state--line{overflow-wrap:break-word;min-height:24px;padding:8px 16px 2px}.pair{gap:18px;width:100%;max-width:400px;display:grid}.pair__head{gap:10px;display:grid}.route{width:100%;height:auto;display:block}.route__rail{stroke:#2a3831;stroke-width:1px}.route__rail--lit{stroke:var(--ink-faint)}.route__node{fill:var(--face-3);stroke:var(--edge);stroke-width:1px}.route__node--lit{fill:var(--ink);stroke:none}.route__label{font-family:var(--legend);letter-spacing:.2em;fill:var(--ink-faint);font-size:8.5px;font-weight:600}.pair__hint{margin-top:-8px}.pair__field{gap:7px;display:grid}.in{background:var(--groove);border:1px solid var(--edge);border-radius:var(--radius);width:100%;min-width:0;min-height:50px;color:var(--ink);-webkit-user-select:text;user-select:text;transition:border-color var(--dur) var(--ease);padding:12px 14px;font-size:15px}.in--mono{font-family:var(--mono);font-size:13px}.in::placeholder{color:var(--ink-faint)}.in:focus{border-color:var(--warn);outline:none}.btn{background:var(--face-2);border:1px solid var(--edge);border-radius:var(--radius);min-height:46px;color:var(--ink);font-family:var(--legend);text-transform:uppercase;letter-spacing:.13em;cursor:pointer;transition:border-color var(--dur) var(--ease), background-color var(--dur) var(--ease);justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:12px;font-weight:600;display:inline-flex}.btn:active{transform:translateY(1px)}.btn[disabled]{opacity:.38;cursor:default}.btn[disabled]:active{transform:none}.btn--go{border-color:var(--edge-lit);background:var(--face-3)}.btn--danger{border-color:var(--stop);color:var(--stop);background:0 0}.btn--key{width:52px;color:var(--ink-dim);flex:none;padding:0}.btn--key svg{width:20px;height:20px}.btn--key[aria-pressed=true]{border-color:var(--lit);color:var(--ink);background:var(--face-3)}.bar{padding:max(12px, env(safe-area-inset-top)) 16px 10px;border-bottom:var(--rule) solid #1f2a25;align-items:center;gap:10px;display:flex}.bar__title{font-family:var(--legend);text-transform:uppercase;letter-spacing:.17em;color:var(--ink-dim);font-size:11px;font-weight:600}.bar__rtt{color:var(--ink-faint);margin-left:auto}.dot{background:var(--dead);border-radius:50%;flex:none;width:9px;height:9px}.dot[data-tone=ok]{background:var(--lit);box-shadow:0 0 10px var(--glow);animation:2.4s ease-in-out infinite breathe}.dot[data-tone=warn]{background:var(--warn)}.dot[data-tone=bad]{background:var(--stop)}.dot[data-tone=off]{box-shadow:inset 0 0 0 1px var(--edge);background:0 0}@keyframes breathe{0%,to{box-shadow:0 0 10px var(--glow)}50%{box-shadow:0 0 3px #f6faf71f}}.icon{width:40px;height:40px;color:var(--ink-dim);cursor:pointer;border-radius:var(--radius);background:0 0;border:0;place-items:center;display:grid}.icon[aria-expanded=true]{color:var(--ink);background:var(--face-2)}.icon svg{width:18px;height:18px}.stage{background:var(--groove);flex:1;min-height:0;position:relative;overflow:hidden}#view{object-fit:cover;background:var(--groove);width:100%;height:100%;display:block;position:absolute;inset:0}#view[hidden]{display:none}.stage__empty{text-align:center;background-image:repeating-linear-gradient(-45deg,#101614 0 6px,#161f1b 6px 12px);place-content:center;gap:7px;padding:24px;display:grid;position:absolute;inset:0}.stage__empty[hidden]{display:none}.stage__empty b{font-family:var(--legend);text-transform:uppercase;letter-spacing:.18em;font-size:12.5px;font-weight:600}.stage__empty span{color:var(--ink-faint);font-size:13px}.stage__tags{gap:6px;display:flex;position:absolute;top:12px;left:12px}.tag{font-family:var(--mono);color:var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080c0bb8;border:1px solid #ffffff14;border-radius:3px;padding:3px 8px;font-size:11px}.captions{pointer-events:none;background:linear-gradient(#05080700 0%,#050807db 78%);gap:3px;padding:30px 14px 10px;display:grid;position:absolute;bottom:0;left:0;right:0}.captions[hidden]{display:none}.say{-webkit-line-clamp:2;text-shadow:0 1px 2px #000c;-webkit-box-orient:vertical;margin:0;font-size:13.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.say em{font-style:normal;font-family:var(--legend);text-transform:uppercase;letter-spacing:.18em;color:#b9c6bf;margin-bottom:1px;font-size:9px;font-weight:600;display:block}.say span{color:#d6ded9}.say--pc span{color:#eef4f0}.dock{padding:10px 12px calc(12px + env(safe-area-inset-bottom));background:var(--void);align-items:center;gap:8px;display:flex}#act-camera{flex:1;min-width:0;padding-block:6px;line-height:1.25}.ptt{border:1px solid var(--edge);background:var(--face-2);width:72px;height:72px;color:var(--ink);cursor:pointer;touch-action:none;transition:box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.ptt svg{width:27px;height:27px}.ptt:active{transform:scale(.97)}.ptt[disabled]{opacity:.38;cursor:default}.ptt[disabled]:active{transform:none}.ptt[aria-pressed=true]{border-color:var(--lit);box-shadow:0 0 0 2px var(--lit), 0 0 28px -6px var(--glow)}.ptt[aria-pressed=true] svg{animation:1.1s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.scrim{z-index:30;cursor:pointer;animation:fade var(--dur) var(--ease);background:#04070699;border:0;padding:0;position:fixed;inset:0}.scrim[hidden]{display:none}@keyframes fade{0%{opacity:0}}.sheet{z-index:40;background:var(--face);border-top:var(--rule) solid var(--edge);padding:10px 20px calc(20px + env(safe-area-inset-bottom));max-height:78dvh;animation:rise var(--dur) var(--ease);border-radius:14px 14px 0 0;gap:20px;display:grid;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -24px 60px -24px #000000e6}.sheet[hidden]{display:none}.sheet:focus{outline:none}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}.sheet__grip{background:var(--face-3);border-radius:2px;width:42px;height:4px;margin:0 auto 2px}.sheet__block{gap:10px;display:grid}.facts{grid-template-columns:auto 1fr;gap:7px 20px;margin:0;font-size:13.5px;display:grid}.facts dt{font-family:var(--legend);text-transform:uppercase;letter-spacing:.15em;color:var(--ink-faint);align-self:center;font-size:10px;font-weight:600}.facts dd{color:var(--ink-dim);overflow-wrap:anywhere;margin:0}.facts dd[data-tone=ok]{color:var(--lit)}.seg{border:1px solid var(--edge);border-radius:var(--radius);display:flex;overflow:hidden}.seg button{background:var(--groove);min-height:44px;color:var(--ink-faint);font-family:var(--legend);text-transform:uppercase;letter-spacing:.14em;cursor:pointer;transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease);border:0;flex:1;font-size:11.5px;font-weight:600}.seg button+button{border-left:1px solid var(--edge)}.seg button[aria-pressed=true]{background:var(--face-3);color:var(--ink)}input[type=range]{width:100%;min-height:44px;accent-color:var(--lit)}@media (max-height:520px){.say{-webkit-line-clamp:1}.captions{padding-top:18px}.ptt{width:60px;height:60px}.dock{padding-top:6px;padding-bottom:calc(6px + env(safe-area-inset-bottom))}}@media (min-width:700px){.bar,.dock,.state--line{width:100%;max-width:720px;margin-inline:auto}.sheet{max-width:560px;margin-inline:auto}.pair{max-width:420px}}@media (max-width:360px){.btn{padding-inline:12px;font-size:11px}.btn--key{width:46px}.ptt{width:64px;height:64px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}