:root {
  color-scheme: dark;
  --bg: #0e0d0b;
  --surface: rgba(28, 26, 22, .84);
  --surface-strong: rgba(31, 29, 25, .96);
  --surface-soft: rgba(38, 35, 29, .6);
  --line: rgba(229, 215, 190, .13);
  --line-bright: rgba(229, 190, 122, .3);
  --text: #f2ede3;
  --text-soft: #c9c0b1;
  --muted: #8b8275;
  --signal: #d6a658;
  --signal-rgb: 214, 166, 88;
  --clay: #c77955;
  --sage: #97b784;
  --ochre: #d6a658;
  --danger: #d45f56;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --font-display: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  font-family: var(--font-display);
}

* { box-sizing: border-box; }
html, body, #app { width: 100%; height: 100%; overflow: hidden; }
body { margin: 0; min-width: 320px; background: var(--bg); color: var(--text); }
button, input { font: inherit; }
button { cursor: pointer; touch-action: manipulation; }
button:disabled { cursor: wait; opacity: .62; }
button:focus-visible, input:focus-visible, a:focus-visible { outline: 2px solid var(--signal); outline-offset: 3px; }
.hidden { display: none !important; }
.recording-consent { display: flex; flex-direction: column; gap: 7px; width: min(590px, 100%); margin: 0 auto 12px; padding: 12px 14px; color: var(--text-soft); border: 1px solid rgba(var(--signal-rgb),.22); border-radius: 10px; background: rgba(20,18,14,.7); text-align: left; font-size: 11px; line-height: 1.45; }.recording-consent label { display: flex; gap: 8px; align-items: flex-start; }.recording-consent input { margin-top: 2px; accent-color: var(--signal); }.recording-consent small { color: var(--muted); font-size: 10px; }.recording-consent a { color: var(--signal); }.unavailable-shell { display: grid; place-items: center; }.unavailable-card { display: flex; flex-direction: column; gap: 12px; max-width: 420px; margin: 24px; padding: 24px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface-strong); text-align: center; }.unavailable-card strong { color: var(--danger); font: 600 11px/1 var(--font-mono); letter-spacing: .12em; }.unavailable-card span { color: var(--text-soft); font-size: 13px; line-height: 1.5; }.notice-page { max-width: 680px; margin: 0 auto; padding: 48px 24px; color: var(--text-soft); }.notice-page h1 { color: var(--text); font-size: 28px; }.notice-page p { line-height: 1.7; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 100; top: 8px; left: 8px; padding: 10px 14px; color: var(--bg); background: var(--signal); border-radius: 8px; transform: translateY(-150%); transition: transform 180ms var(--ease-out); }
.skip-link:focus { transform: translateY(0); }

.console {
  position: relative;
  height: 100dvh;
  min-height: 600px;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 50% 38%, rgba(164, 112, 52, .11), transparent 35%),
    radial-gradient(ellipse at 87% 88%, rgba(112, 91, 66, .1), transparent 34%),
    linear-gradient(135deg, #12110e 0%, #0b0a09 62%, #12100d 100%);
}
.console::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .22; background-image: linear-gradient(rgba(224,207,178,.065) 1px, transparent 1px), linear-gradient(90deg, rgba(224,207,178,.065) 1px, transparent 1px); background-size: 56px 56px; mask-image: linear-gradient(to bottom, black, transparent 90%); }
.console::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(7,6,5,.46), transparent 24%, transparent 76%, rgba(7,6,5,.46)); }
.ambient { position: absolute; width: 26rem; height: 26rem; border-radius: 999px; filter: blur(110px); opacity: .11; pointer-events: none; }
.ambient-one { top: 6%; left: 34%; background: var(--ochre); }.ambient-two { right: -4%; bottom: -10%; background: var(--clay); }

.topbar, .bottom-bar { position: relative; z-index: 3; display: flex; align-items: center; justify-content: space-between; padding-inline: clamp(20px, 3.5vw, 64px); }
.topbar { height: 76px; border-bottom: 1px solid var(--line); background: rgba(11,10,8,.5); backdrop-filter: blur(12px); }
.brand { display: flex; align-items: center; gap: 13px; letter-spacing: .18em; }
.brand-mark { display: grid; place-items: center; width: 36px; height: 36px; color: #1b140a; background: linear-gradient(145deg, #e2bd7d, #c58d3e); border: 1px solid rgba(255,246,226,.38); border-radius: 11px; font-weight: 850; box-shadow: 0 0 24px rgba(var(--signal-rgb),.16); }
.brand strong { display: block; font-size: 13px; font-weight: 700; }.brand small { display: block; margin-top: 4px; color: var(--muted); font: 9px/1 var(--font-mono); letter-spacing: .16em; }
.top-meta { display: flex; align-items: center; gap: 24px; color: var(--muted); font: 10px/1 var(--font-mono); letter-spacing: .12em; }
.secure { display: inline-flex; align-items: center; gap: 8px; color: var(--sage); }.secure i, .live-pill i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; box-shadow: 0 0 9px currentColor; }
.time-allowance { min-width: 78px; padding: 8px 10px; text-align: center; border: 1px solid var(--line); border-radius: 7px; background: rgba(255,255,255,.025); font-variant-numeric: tabular-nums; }

.workspace { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(230px, .82fr) minmax(430px, 1.55fr) minmax(230px, .82fr); height: calc(100dvh - 118px); min-height: 0; padding: clamp(14px, 2.2vh, 24px) clamp(18px, 2.6vw, 42px); gap: clamp(14px, 1.4vw, 22px); overflow: hidden; }
.panel { position: relative; height: 100%; min-height: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(145deg, rgba(31,29,25,.84), rgba(17,16,14,.76)); box-shadow: inset 0 1px rgba(255,246,226,.03), 0 30px 80px rgba(0,0,0,.18); backdrop-filter: blur(18px); }
.panel::before { content: ""; position: absolute; z-index: 1; top: -1px; left: 28px; width: 54px; height: 1px; background: var(--signal); box-shadow: 0 0 12px rgba(var(--signal-rgb),.7); opacity: .7; }
.panel-heading { display: flex; align-items: center; justify-content: space-between; height: 54px; padding: 0 18px; border-bottom: 1px solid var(--line); color: var(--text-soft); font: 9px/1 var(--font-mono); letter-spacing: .15em; }
.panel-heading > span { display: inline-flex; align-items: center; gap: 9px; }.panel-heading b { font-weight: 500; }.panel-index { color: var(--muted); font-style: normal; }
.panel-count { color: var(--signal); font-variant-numeric: tabular-nums; }.live-pill { display: inline-flex; align-items: center; gap: 7px; color: var(--sage); }

.transcript { height: calc(100% - 54px); overflow-y: auto; overscroll-behavior: contain; padding: 10px 18px 24px; scrollbar-width: thin; scrollbar-color: rgba(var(--signal-rgb),.25) transparent; }
.empty-signal { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; min-height: 190px; text-align: center; }
.empty-signal strong { color: var(--text-soft); font-size: 12px; font-weight: 500; }.empty-signal > span:last-child { margin-top: 6px; color: var(--muted); font-size: 11px; }
.empty-glyph { display: flex; align-items: center; gap: 3px; height: 28px; margin-bottom: 16px; }.empty-glyph i { width: 2px; height: 7px; border-radius: 2px; background: var(--signal); opacity: .5; }.empty-glyph i:nth-child(2), .empty-glyph i:nth-child(4) { height: 14px; }.empty-glyph i:nth-child(3) { height: 22px; }
.transcript-entry { padding: 17px 0; border-bottom: 1px solid rgba(229,215,190,.085); transition: opacity 180ms ease; }.transcript-entry.interim { opacity: .58; }
.transcript-speaker { color: var(--signal); font: 9px/1 var(--font-mono); letter-spacing: .15em; }.transcript-entry:nth-child(even) .transcript-speaker { color: var(--clay); }
.transcript-entry p { margin: 7px 0 0; color: #d8d0c4; font-size: 13px; line-height: 1.6; }

.core-zone { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; min-height: 0; padding: clamp(8px, 1.5vh, 18px) clamp(10px, 1.5vw, 24px); text-align: center; }
.core-head { display: flex; align-items: center; justify-content: space-between; width: min(520px, 92%); }
.eyebrow, .match-label, .receipt-kicker, .channel-id { font: 9px/1 var(--font-mono); letter-spacing: .17em; }.eyebrow { color: var(--signal); }.channel-id { color: var(--muted); }
.voice-stage { position: relative; display: grid; place-items: center; width: min(430px, 44dvh, 82vw); aspect-ratio: 1; margin: clamp(4px, .7vh, 10px) auto; }
.stage-axis { position: absolute; z-index: 0; background: linear-gradient(90deg, transparent, rgba(var(--signal-rgb),.14), transparent); pointer-events: none; }.axis-horizontal { width: 100%; height: 1px; }.axis-vertical { width: 1px; height: 100%; background: linear-gradient(transparent, rgba(var(--signal-rgb),.14), transparent); }
.voice-stage::before, .voice-stage::after { content: ""; position: absolute; width: 9px; height: 9px; border-color: rgba(var(--signal-rgb),.28); pointer-events: none; }.voice-stage::before { top: 7%; left: 7%; border-top: 1px solid; border-left: 1px solid; }.voice-stage::after { right: 7%; bottom: 7%; border-right: 1px solid; border-bottom: 1px solid; }
.voice-core { position: relative; z-index: 1; width: 88%; aspect-ratio: 1; --core-rgb: var(--signal-rgb); isolation: isolate; }
.particle-field { position: absolute; inset: 2%; overflow: hidden; contain: strict; border-radius: 50%; background: radial-gradient(circle, rgba(var(--core-rgb),calc(.025 + var(--voice-energy,0) * .09)) 0, transparent 69%); transform: scale(calc(.985 + var(--voice-energy,0) * .045)); filter: brightness(calc(.9 + var(--voice-energy,0) * .32)) saturate(calc(.9 + var(--voice-energy,0) * .24)); transition: opacity 220ms ease, background 90ms linear, transform 70ms linear, filter 90ms linear; }
.particle-field::before { content: ""; position: absolute; inset: 30%; border-radius: 50%; background: rgba(var(--core-rgb),calc(.018 + var(--voice-energy,0) * .11)); filter: blur(calc(24px + var(--voice-energy,0) * 14px)); }
.signal-point { position: absolute; z-index: 1; display: grid; place-items: center; width: 12px; height: 12px; margin: -6px 0 0 -6px; contain: layout style; }
.signal-drift, .signal-wave, .signal-vibration, .signal-energy { display: grid; width: 100%; height: 100%; place-items: center; }
.signal-energy { transform: scale(calc(.88 + var(--voice-energy,0) * .92)); transition: transform 62ms linear; }
.signal-dot { display: block; width: calc(var(--dot-size) * 1.12); height: calc(var(--dot-size) * 1.12); min-width: 1px; min-height: 1px; border-radius: 50%; opacity: calc(var(--dot-alpha) * (.58 + var(--voice-energy,0) * .72)); background: rgb(var(--core-rgb)); box-shadow: 0 0 calc(2px + var(--voice-energy,0) * 15px) rgba(var(--core-rgb),calc(.25 + var(--voice-energy,0) * .68)); transition: background 300ms ease, box-shadow 70ms linear, opacity 70ms linear; }
.voice-core[data-mode="thinking"] { --core-rgb: 199,121,85; }.voice-core[data-mode="speaking"] { --core-rgb: 151,183,132; }.voice-core[data-mode="interrupted"] { --core-rgb: 236,224,204; }.voice-core[data-mode="complete"] { --core-rgb: 151,183,132; }.voice-core[data-mode="expired"] { --core-rgb: 212,95,86; }
.voice-core[data-mode="muted"] { filter: saturate(.15); }.voice-core[data-mode="muted"] .particle-field { opacity: .3; }.voice-core[data-ducked] { --core-rgb: 151,183,132; }
.core-status { display: flex; flex-direction: column; align-items: center; gap: 7px; min-height: 57px; margin-top: -4px; }
.core-status strong { color: var(--text); font: 600 11px/1.2 var(--font-mono); letter-spacing: .13em; }.core-status small { color: var(--muted); font: 10px/1.4 var(--font-mono); }
.status-dot { width: 6px; height: 6px; border-radius: 50%; background: rgb(var(--core-rgb, var(--signal-rgb))); box-shadow: 0 0 15px rgb(var(--core-rgb, var(--signal-rgb))); }

.lock-panel, .ready-panel, .call-panel { width: min(590px, 100%); margin-top: clamp(10px, 1.6vh, 18px); }
.anonymous-panel { display: grid; grid-template-columns: 1fr auto; gap: 12px 18px; align-items: center; padding: 15px 16px; border: 1px solid rgba(151,183,132,.28); border-radius: 12px; background: linear-gradient(135deg, rgba(151,183,132,.1), rgba(29,34,25,.45)); text-align: left; }.anonymous-panel > div { display: flex; flex-direction: column; gap: 5px; }.anonymous-panel strong { color: var(--text); font-size: 14px; font-weight: 600; }.anonymous-panel small { color: var(--muted); font-size: 11px; line-height: 1.4; }.access-kicker { color: var(--sage); font: 8px/1 var(--font-mono); letter-spacing: .15em; }.anonymous-panel .primary-action { min-height: 44px; padding-inline: 15px; }.anonymous-panel .primary-action:disabled { cursor: not-allowed; opacity: .42; transform: none; box-shadow: none; }.anonymous-panel.is-limited { grid-template-columns: 1fr; border-color: rgba(var(--signal-rgb),.32); background: linear-gradient(135deg, rgba(var(--signal-rgb),.09), rgba(29,25,20,.48)); }.anonymous-panel.is-limited .access-kicker { color: var(--signal); }.whatsapp-action { width: 100%; text-decoration: none; }
.access-code-disclosure { margin-top: 12px; text-align: center; }.access-code-toggle { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; gap: 8px; padding: 0 12px; color: var(--muted); border: 0; border-radius: 8px; background: transparent; cursor: pointer; font: 600 9px/1 var(--font-mono); letter-spacing: .13em; transition: color 180ms ease, background 180ms ease; }.access-code-toggle:hover { color: var(--text); background: rgba(255,255,255,.035); }.access-code-toggle:focus-visible { outline: 2px solid rgba(var(--signal-rgb),.75); outline-offset: 2px; }.access-code-toggle svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.6; transition: transform 180ms var(--ease-out); }.access-code-toggle[aria-expanded="true"] svg { transform: rotate(180deg); }.access-code-form { padding-top: 8px; animation: access-form-reveal 200ms var(--ease-out) both; }
.lock-panel label { display: block; margin-bottom: 8px; color: var(--muted); font: 9px/1 var(--font-mono); letter-spacing: .16em; text-align: left; }
.code-row, .typed-row { display: flex; gap: 8px; }
.lock-panel input, .typed-row input { min-width: 0; flex: 1; height: 48px; padding: 0 16px; color: var(--text); border: 1px solid var(--line); border-radius: 10px; outline: 0; background: rgba(10,9,7,.7); transition: border-color 180ms ease, box-shadow 180ms ease; }
.lock-panel input::placeholder, .typed-row input::placeholder { color: #675f54; }.lock-panel input:focus, .typed-row input:focus { border-color: rgba(var(--signal-rgb),.7); box-shadow: 0 0 0 3px rgba(var(--signal-rgb),.1); }
.code-row button, .typed-row button, .primary-action, .secondary-action, .danger-action { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; border: 1px solid transparent; border-radius: 10px; padding: 0 18px; font: 600 10px/1 var(--font-mono); letter-spacing: .11em; transition: transform 180ms var(--ease-out), background 180ms ease, border-color 180ms ease, box-shadow 180ms ease; }
.code-row button, .primary-action { gap: 9px; color: #1b140a; background: linear-gradient(135deg, #e1bb78, #c99042); box-shadow: 0 10px 30px rgba(var(--signal-rgb),.12), inset 0 1px rgba(255,246,226,.42); }
.code-row button svg, .primary-action svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.code-row button:hover, .primary-action:hover { transform: translateY(-1px); box-shadow: 0 12px 34px rgba(var(--signal-rgb),.22), inset 0 1px rgba(255,255,255,.65); }.code-row button:active, .primary-action:active { transform: scale(.98); }
.code-row button.loading svg { animation: loading-nudge 900ms ease-in-out infinite; }
.form-meta { display: flex; justify-content: space-between; gap: 12px; min-height: 24px; padding-top: 8px; color: var(--muted); font-size: 10px; text-align: left; }.form-error { margin: 0; color: var(--danger); text-align: right; }
.try-chip { display: block; width: 100%; margin: 0 auto 12px; padding: 12px 16px; color: var(--text-soft); border: 1px solid var(--line); border-radius: 11px; background: rgba(43,39,32,.5); font-size: 12px; line-height: 1.5; text-align: left; transition: border-color 180ms ease, background 180ms ease; }.try-chip span { display: block; margin-bottom: 5px; color: var(--signal); font: 8px/1 var(--font-mono); letter-spacing: .15em; }.try-chip:hover { border-color: var(--line-bright); background: rgba(53,47,38,.66); }
.primary-action { min-height: 48px; padding-inline: 22px; }.fine-print { margin: 10px auto 0; max-width: 540px; color: var(--muted); font-size: 10px; line-height: 1.45; }
.call-actions { display: flex; justify-content: center; gap: 8px; margin-bottom: 10px; }.secondary-action, .danger-action { color: var(--text-soft); border-color: var(--line); background: rgba(42,38,32,.68); }.secondary-action:hover { border-color: var(--line-bright); background: rgba(54,48,39,.8); }.danger-action { color: #efc0ba; border-color: rgba(212,95,86,.2); background: rgba(212,95,86,.09); }.danger-action:hover { border-color: rgba(212,95,86,.42); background: rgba(212,95,86,.15); }.typed-row button { color: #1a100a; background: var(--clay); }

.plan-match, .receipt { width: min(380px, 100%); text-align: left; border-radius: 14px; }
.plan-match { display: grid; grid-template-columns: 1fr auto; gap: 5px 12px; margin: 10px auto 0; padding: 13px 16px; border: 1px solid rgba(151,183,132,.3); background: linear-gradient(135deg, rgba(151,183,132,.1), rgba(29,34,25,.52)); }.plan-match strong { font-size: 16px; }.plan-match > span:not(.match-label) { color: var(--sage); font: 11px var(--font-mono); }.plan-match small, .match-label { grid-column: 1/-1; }.plan-match small { color: var(--muted); line-height: 1.4; }.match-label { color: var(--sage); }
.receipt { display: flex; flex-direction: column; gap: 8px; margin-top: 12px; padding: 18px; border: 1px solid rgba(151,183,132,.38); background: linear-gradient(135deg, rgba(151,183,132,.12), rgba(var(--signal-rgb),.035)); box-shadow: 0 20px 60px rgba(0,0,0,.2); }.receipt strong { font-size: 19px; }.receipt span:not(.receipt-kicker) { color: var(--text-soft); font-size: 12px; }.receipt-kicker, .receipt code { color: var(--sage); }.receipt code { font: 11px var(--font-mono); }

.telemetry { height: calc(100% - 92px); overflow-y: auto; padding: 9px 16px; scrollbar-width: thin; scrollbar-color: rgba(var(--signal-rgb),.25) transparent; }
.telemetry-item { display: flex; align-items: flex-start; gap: 11px; padding: 16px 2px; color: var(--muted); border-bottom: 1px solid rgba(229,215,190,.085); font: 11px/1.45 var(--font-mono); letter-spacing: .045em; }.telemetry-item > span:last-child { display: flex; flex-direction: column; gap: 5px; }.telemetry-item b { color: var(--text-soft); font-weight: 500; }.telemetry-item small { color: var(--muted); font: 11px/1.45 var(--font-display); letter-spacing: 0; }.telemetry-icon { color: var(--clay); font-size: 14px; line-height: 1; }.telemetry-item.success { color: #d2e1ca; }.telemetry-item.success .telemetry-icon { color: var(--sage); }.telemetry-item.failure { color: #efc6c1; }.telemetry-item.failure .telemetry-icon { color: var(--danger); }
.telemetry-link { width: fit-content; margin-top: 5px; color: var(--signal); font: 8px/1 var(--font-mono); letter-spacing: .11em; text-decoration: none; border-bottom: 1px solid rgba(var(--signal-rgb),.35); }
.telemetry-link:hover { border-bottom-color: currentColor; }
.capability-rail { position: absolute; bottom: 0; left: 0; right: 0; display: grid; grid-template-columns: repeat(3,1fr); height: 38px; border-top: 1px solid var(--line); background: rgba(14,13,11,.46); }.capability-rail span { display: grid; place-items: center; color: var(--muted); border-right: 1px solid var(--line); font: 7px/1 var(--font-mono); letter-spacing: .1em; }.capability-rail span:last-child { border-right: 0; }

.bottom-bar { height: 42px; border-top: 1px solid var(--line); color: var(--muted); font: 8px/1 var(--font-mono); letter-spacing: .13em; }.bottom-bar i { color: rgba(var(--signal-rgb),.5); font-style: normal; }.system-stack { color: #9a9082; }

@keyframes loading-nudge { 50% { transform: translateX(3px); } }
@keyframes access-form-reveal { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } }
@media (max-height: 760px) and (min-width: 981px) { .topbar { height: 66px; }.bottom-bar { height: 34px; }.workspace { height: calc(100dvh - 100px); padding-block: 10px; }.panel-heading { height: 46px; }.transcript { height: calc(100% - 46px); }.voice-stage { width: min(360px, 42dvh); }.lock-panel, .ready-panel, .call-panel { margin-top: 8px; }.form-meta { display: none; } }
@media (max-width: 1100px) and (min-width: 981px) { .workspace { grid-template-columns: minmax(205px,.76fr) minmax(400px,1.5fr) minmax(205px,.76fr); padding-inline: 16px; gap: 12px; }.panel-heading { padding-inline: 13px; }.panel-index { display: none; } }
@media (max-width: 980px) { html, body, #app { height: auto; min-height: 100%; overflow: auto; }.console { height: auto; min-height: 100dvh; overflow: clip; }.workspace { grid-template-columns: 1fr; height: auto; min-height: calc(100dvh - 118px); overflow: visible; }.core-zone { order: -1; min-height: 610px; }.panel { height: auto; min-height: 300px; }.voice-stage { width: min(400px, 76vw); }.transcript, .telemetry { max-height: 330px; }.telemetry { height: 290px; }.transcript { height: 310px; }.console::after { display: none; } }
@media (max-width: 560px) { .topbar { height: 68px; padding-inline: 16px; }.brand-mark { width: 34px; height: 34px; }.secure span { display: none; }.top-meta { gap: 8px; }.workspace { padding: 10px; gap: 10px; }.core-zone { min-height: 610px; padding: 16px 4px; }.core-head { width: 94%; }.voice-stage { width: min(330px, 88vw); }.anonymous-panel { grid-template-columns: 1fr; }.anonymous-panel .primary-action { width: 100%; }.access-code-toggle { width: 100%; }.code-row { flex-direction: column; }.code-row button { min-height: 48px; }.form-meta { flex-direction: column; gap: 4px; }.form-error { text-align: left; }.bottom-bar { height: auto; min-height: 54px; padding: 12px 16px; flex-direction: column; align-items: flex-start; gap: 7px; }.typed-row input { font-size: 16px; }.panel { border-radius: 15px; } }

@media (prefers-reduced-motion: reduce) { .access-code-form { animation: none; }.access-code-toggle svg { transition: none; } }
@media (max-width: 720px) { .transcript-panel { display: none; }.workspace { min-height: 0; }.core-zone { min-height: 590px; }.voice-stage { width: min(310px, 78vw); }.telemetry-panel { min-height: 0; }.telemetry { height: 220px; max-height: none; }.telemetry-item { padding-block: 13px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; } }

/* The signal field is intentionally open: no solid orb, circular rails, or decorative particle storm. */