:root{color-scheme:light;--paper: #f0ecdf;--ink: #20271f;--muted: #596151;--line: #c4c7b9;--warning-ink: #795000;--live-mic-ink: #9d3027;--field: #fffdf6;--hover: #e4e3d5;--accent: #345333;--danger: #9d3027;--surface: #141a16;--view-ink: #e6e9df;--view-muted: #bbc4b5;--view-line: #556250;--amber: #e7bb66;font:13px/1.4 Avenir Next,Trebuchet MS,sans-serif;background:var(--paper);color:var(--ink)}*{box-sizing:border-box;scrollbar-color:var(--muted) transparent;scrollbar-width:thin}body{margin:0}button,input,textarea,select{font:inherit}button,input,textarea,select{border:1px solid var(--line);border-radius:3px}select{max-width:100%;min-height:30px;padding:4px 8px;background:var(--field);color:var(--ink)}button{min-height:30px;padding:4px 10px;background:transparent;color:inherit;cursor:pointer;line-height:1.4}button:hover:not(:disabled){background:var(--hover)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{color:var(--field);background:var(--accent);border-color:var(--accent);font-weight:600}button.primary:hover:not(:disabled){background:var(--ink)}input:not([type=checkbox]):not([type=range]),textarea{min-width:0;width:100%;background:var(--field);color:var(--ink);padding:5px 8px}input,textarea{caret-color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}input[type=range],input[type=checkbox]{accent-color:var(--accent)}input[type=checkbox]{width:16px;height:16px}label{display:block;margin:0 0 4px}a{color:inherit;text-underline-offset:3px}:focus-visible{outline:2px solid #b07513;outline-offset:2px}::selection{background:var(--amber);color:var(--ink)}[hidden]{display:none!important}p:empty:not(#camera-operation):not(#camera-ops-error):not(#speech-status){display:none!important}h1,h2,h3{margin:0;line-height:1.3;font-size:14px}h1{font-size:18px}h3{font-size:13px}p{margin:4px 0}summary{cursor:pointer;min-height:30px;padding:5px 0;font-weight:500}details>summary::marker{color:var(--muted)}pre{font:12px/1.5 SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:absolute;z-index:10;top:-100px;padding:8px;background:var(--field)}.skip-link:focus{top:0}#device-panel{padding:6px 12px;border-bottom:1px solid var(--line)}#show-recordings{display:inline-flex;align-items:center;min-height:30px;padding-inline:4px}.session-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}.session-status{display:flex;align-items:baseline;gap:8px;min-width:0}#sd-state{font-size:14px;white-space:nowrap}#sd-state[data-recording=true]{color:var(--danger)}#session-hint{color:var(--muted);font-size:12px}.rig-vitals{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.session-actions{margin-left:auto;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.end-session:not(:disabled){border-color:var(--danger);color:var(--danger)}#camera-operation,#camera-ops-error{margin:4px 0 0;min-height:18px}#camera-ops-error,.playback-error{color:var(--danger);overflow-wrap:anywhere}.setup-panel{margin-top:8px;border-top:1px solid var(--line)}.setup-panel:not([open]){display:none}.setup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:8px 0}.setup-grid h2{margin-bottom:8px}.setup-grid>*{min-width:0}.setup-disclosure{margin-top:12px}.setup-disclosure h3{margin-top:20px;margin-bottom:8px}.setup-disclosure>button{margin-top:8px}.device-status-row>span{text-align:right;overflow-wrap:anywhere}.rig-key-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.device-status-row{display:flex;justify-content:space-between;gap:12px;margin:4px 0}.device-buttons,.button-group{display:flex;gap:6px;flex-wrap:wrap}.management summary{padding-top:0;font-size:14px;font-weight:600}.management button{margin:2px 4px 2px 0}.management input{display:block;width:100%}.camera-label{margin-top:8px}#phone-diagnostics{max-height:220px;overflow:auto}.camera-note{color:var(--muted);font-size:12px}#workspace{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-template-rows:minmax(min-content,clamp(240px,calc(100dvh - 430px),520px)) auto auto auto;grid-template-areas:"video map" "sensors sensors" "speech speech" "phrases phrases";gap:10px 12px;padding:12px;align-items:stretch}#live-panel{grid-area:video;display:flex;flex-direction:column;min-height:0}#live-panel,.saved-player{min-width:0;background:var(--surface);color:var(--view-ink);padding:8px;--muted: var(--view-muted);--line: var(--view-line);--hover: #2c392b;--danger: #ffb3a5}.viewer-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:8px}.viewer-status{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;flex:1;min-width:0}#viewer-state{flex:1;color:var(--view-muted);font-size:12px}#viewer-state[data-freshness=stale]{color:var(--amber)}.video-stage{position:relative;background:#090c09;width:100%;flex:1;min-height:160px;overflow:hidden}.video-stage canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none}.saved-player .video-stage{aspect-ratio:16 / 9;min-height:0}.decoder-source,#video.decoder-source{position:absolute;width:2px;height:2px;opacity:.001;left:0;bottom:0;pointer-events:none}#video:not(.decoder-source){width:100%;height:100%;object-fit:contain}#message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;font-size:14px;color:var(--view-ink);pointer-events:none;background:#090c09dc}#message:empty{display:none}.view-controls{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:start;padding-top:8px}#projection-controls{margin-right:auto;min-width:0;flex:1}.projection-toolbar{display:flex;flex-wrap:wrap;align-items:start;gap:8px 20px}.projection-choice{display:flex;align-items:center;gap:8px;margin:0}.projection-choice select{color-scheme:dark;background:var(--surface);color:var(--view-ink);min-width:108px}.projection-level{color:var(--view-muted);font-size:12px;margin:6px 0 0}.projection-adjustments{min-width:0}.projection-adjustments[open]{flex-basis:100%}.projection-adjustment-content{padding:4px 0 8px}.projection-adjustment-content>p{max-width:65ch;color:var(--view-muted)}#talk-lock{white-space:nowrap}#talk{touch-action:none;user-select:none;-webkit-user-select:none;min-width:104px;font-weight:600}#talk[data-state=talking]{background:var(--amber);color:var(--ink);border-color:var(--amber)}#listen{min-width:108px}#listen[aria-pressed=true]{border-color:var(--amber);color:var(--amber)}#talk[data-state=requesting]{border-color:var(--amber)}#talk[data-locked=true]{background:#c2482f;border-color:#c2482f;color:#fff}#talk-lock[aria-pressed=true]{border-color:var(--live-mic-ink);color:var(--live-mic-ink)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.projection-fov{display:flex;align-items:center;gap:6px;min-height:30px;margin:0}.projection-fov input{width:100px;accent-color:var(--amber)}.projection-fov output{min-width:4ch;text-align:right;font-variant-numeric:tabular-nums}.projection-fov span,.projection-alignment p{color:var(--view-muted)}.projection-sphere-tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.projection-optics{flex-basis:100%;margin:0;color:var(--view-muted);font-size:.75rem}.projection-alignment{max-width:100%}.mount-fields,.mount-actions{display:flex;flex-wrap:wrap;gap:4px 8px;margin:4px 0}.mount-fields label{display:inline-flex;align-items:center;gap:4px;margin:0}.mount-fields input[type=number]{width:68px}.mount-actions button{padding-inline:6px}#viewer-summary{white-space:nowrap}.telemetry{font:11px/1.5 SFMono-Regular,Consolas,monospace;color:var(--muted);overflow-wrap:anywhere}#viewer-error{color:var(--danger);overflow-wrap:anywhere;min-height:1.5em;margin:0}#audio-sinks{height:0;overflow:hidden}#context-panel{grid-area:map;min-width:0;min-height:0;display:flex;flex-direction:column}.map-content{position:relative;flex:1;min-height:200px}#map{height:100%;width:100%}#map-status{position:absolute;top:6px;left:6px;right:6px;margin:0;padding:3px 6px;width:fit-content;background:var(--field);color:var(--ink);pointer-events:none;font:11px/1.5 SFMono-Regular,Consolas,monospace}#recenter-btn{position:absolute;bottom:28px;right:6px;background:var(--field)}#plot-panel{grid-area:sensors;min-width:0;--label-width: 200px;--plot-gap: 8px}.sensor-section{display:grid;grid-template-columns:var(--label-width) minmax(0,1fr);gap:var(--plot-gap);align-items:center;border-top:1px solid var(--line);padding:8px 0 4px}.sensor-readout{display:flex;gap:6px;align-items:baseline}.sensor-axis{display:flex;justify-content:space-between;margin-left:calc(var(--label-width) + var(--plot-gap) + 40px);margin-right:10px;color:var(--muted);font:11px/1.5 SFMono-Regular,Consolas,monospace}.sensor-readout strong{font:18px/1.4 SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums}.sample-age{margin-left:auto;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.sensor-plot{height:54px}.sensor-plot svg{display:block}#speech-panel{grid-area:speech;min-width:0}.speech-composer{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.phrase-suggestions{flex-basis:100%;display:flex;flex-wrap:wrap;gap:6px;padding-top:2px}.phrase-suggestion{display:inline-flex;align-items:baseline;gap:8px;max-width:100%;background:var(--field);text-align:left}.phrase-suggestion[data-selected=true]{border-color:var(--accent);background:var(--hover);box-shadow:0 1px 3px #20271f38}.phrase-suggestion-source,.phrase-alias{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.phrase-alias{margin-left:8px;padding:1px 5px;border:1px solid var(--line);border-radius:3px}#speech-hint{flex-basis:100%;margin:0;color:var(--muted);font-size:12px}#speech-form{flex:1;min-width:200px}.speech-input-row{display:flex;gap:6px}#chat-input{min-width:0;flex:1}#speech-status{color:var(--muted);font-size:11px}#speech-status[data-error=true]{color:var(--danger)}#phrase-panels{grid-area:phrases;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:12px}.phrase-column{display:flex;flex-direction:column;min-width:0}.phrase-label{color:var(--muted);font-size:12px;padding-bottom:4px}.phrase-scroll{min-height:140px;max-height:52dvh;overflow-y:auto;border-top:1px solid var(--line);padding-top:8px}#speech-count{color:var(--muted)}.button-list{display:flex;flex-direction:column;gap:4px}#phrase-buttons:empty{display:none}.action-button{width:100%;text-align:left;overflow-wrap:anywhere;background:var(--field)}.action-button.clicked{background:var(--amber);color:var(--ink)}.phrase-section summary{min-height:26px;padding:4px 0;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.phrase-section+.phrase-section{margin-top:6px}.phrase-section .button-list{padding-bottom:4px}.form-group{margin-bottom:8px}.form-group textarea{resize:vertical}.phrases-content{padding:8px 0;max-width:640px}#phrases-empty{margin:6px 0}.secondary-panel{border-top:1px solid var(--line);margin:0 12px;scroll-margin-top:8px}.secondary-panel>summary{font-size:13px}.library-content{padding:8px 0 24px}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.library-heading h2{margin:0}.library-grid{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,3fr);gap:24px;margin-top:16px}#library-list{display:flex;flex-direction:column;gap:8px;max-height:600px;overflow:auto}.recording-item{display:flex;flex-direction:column;gap:4px;text-align:left}.recording-item span{font-size:13px}#library-detail{min-width:0}.asset-list{padding:0;list-style:none}.asset-list li{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.asset-download{overflow-wrap:anywhere}.saved-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0}.saved-controls input{flex:1;min-width:100px}.saved-controls output{font-variant-numeric:tabular-nums}.saved-player .projection-toolbar{margin:8px 0}.saved-timeline{border-top:1px solid var(--line);margin-top:24px;padding-top:16px}.timeline-heading,.timeline-graph-label,.timeline-scale{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.timeline-heading h4{margin:0}.timeline-heading label{display:inline-flex;align-items:center;gap:8px;font-size:13px}.timeline-heading input{max-width:80px}.timeline-caveat,.timeline-notice,.timeline-graph-label,.timeline-scale,.timeline-readouts p,.timeline-events{color:var(--muted);font-size:13px}.timeline-readouts{display:grid;grid-template-columns:1fr 1fr;gap:16px}.timeline-readouts strong{display:block;font-size:22px;color:var(--view-ink);font-variant-numeric:tabular-nums}.timeline-readouts span{display:block}.timeline-graph{margin-top:16px}.timeline-graph svg{display:block;width:100%;height:74px;background:#090c09;cursor:crosshair}.timeline-grid{stroke:var(--view-line);stroke-width:1;fill:none}.timeline-graph [data-cursor]{stroke:var(--view-ink)}.timeline-graph [data-markers]{stroke:var(--amber);stroke-width:2;fill:none;vector-effect:non-scaling-stroke}.timeline-event-heading{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px}.timeline-events{padding:0;list-style:none}.timeline-events button{width:100%;text-align:left;margin-top:8px;overflow-wrap:anywhere}.preview-compatibility{padding:16px 0;margin:16px 0;border-block:1px solid var(--line)}.preview-compatibility h4{margin:0}.preview-compatibility button{margin:8px 8px 0 0}.preview-compatibility [data-compat-status]{overflow-wrap:anywhere}.console-switch{padding:16px 12px;color:var(--muted)}.console-switch a{display:inline-flex;align-items:center;min-height:44px}@media(max-width:1050px){.rig-vitals{gap:8px}#plot-panel{--label-width: 180px}#phrase-panels{grid-template-columns:1fr 1fr}}@media(max-width:700px){:root{font-size:16px}body{padding-inline:env(safe-area-inset-left) env(safe-area-inset-right)}button,input:not([type=checkbox]),select,summary{min-height:44px}summary{padding-block:11px}#device-panel{padding:12px}.session-bar{gap:8px}.session-status{flex-wrap:wrap}.session-actions{margin-left:0}.rig-vitals{width:100%}.setup-grid{grid-template-columns:minmax(0,1fr);gap:24px}#workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"video" "speech" "phrases" "map" "sensors";gap:16px}.video-stage{flex:none;aspect-ratio:4 / 3;min-height:0}.viewer-toolbar{gap:6px}.viewer-status{flex-direction:column;gap:0}#listen{min-width:90px}.map-content{flex:none;height:280px}.sensor-section{grid-template-columns:minmax(0,1fr);gap:4px}.sensor-axis{margin-left:40px}.sensor-readout{flex-wrap:wrap}#speech-form{flex-basis:100%;min-width:0}#speech-status{flex-basis:100%;font-size:13px}.phrase-scroll{min-height:44px;max-height:220px}.phrase-section summary{min-height:44px;padding-block:11px}.library-grid{grid-template-columns:minmax(0,1fr);gap:16px}#library-list{max-height:240px}.library-heading{flex-wrap:wrap}.timeline-readouts{gap:12px}.mount-fields{flex-direction:column;align-items:start}.mount-fields label{justify-content:space-between;min-width:170px}.saved-controls input{flex-basis:100%}.management summary{padding-block:11px}}@media(pointer:coarse){button,input:not([type=checkbox]),select,summary{min-height:44px}summary{padding-block:11px}}.remote-console{font-size:16px}.remote-console body{max-width:520px;margin:0 auto;padding:max(20px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.remote-console button,.remote-console input:not([type=checkbox]),.remote-console select,.remote-console summary{min-height:44px}.remote-console summary{padding-block:11px}.remote-console #device-panel{padding:0;border:0}.remote-console #device-panel h1,.remote-console #speech-title{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal}.remote-console #device-panel h1{font-size:16px;font-weight:500;margin-bottom:24px;color:var(--muted)}.remote-console .session-bar{display:flex;flex-direction:column;align-items:stretch;gap:12px}.remote-console .session-status{display:flex;flex-direction:column;gap:4px}.remote-console #sd-state{font-size:22px;white-space:normal}.remote-console #session-hint{font-size:14px}.remote-console .rig-vitals{gap:12px;font-size:13px}.remote-console #summary-phone-battery,.remote-console #summary-camera-battery,.remote-console #sd-profile{display:none}.remote-console .session-actions{margin:0;display:flex;gap:8px}.remote-console .session-actions button:not(#show-setup){flex:1}.remote-console #btn-connect-camera:disabled{display:none}.remote-console #camera-operation:empty,.remote-console #camera-ops-error:empty{display:none}.remote-console #camera-operation,.remote-console #camera-ops-error{margin-top:12px}.remote-console .setup-grid{display:block}.remote-console .setup-grid>:not(.control-setup){display:none}.remote-console #workspace{display:flex;flex-direction:column;gap:24px;padding:24px 0 0}.remote-console #workspace>:not(.remote-preview):not(#speech-panel),.remote-console body>aside{display:none}.remote-console #talk,.remote-console #talk-lock{display:none}.remote-console .remote-preview{border-block:1px solid var(--line)}.remote-console .remote-preview>summary{font-weight:600}.remote-console #live-panel{margin-bottom:12px}.remote-console .video-stage{flex:none;aspect-ratio:4 / 3;min-height:0;max-height:280px}.remote-console .viewer-toolbar{gap:6px}.remote-console .viewer-status{flex-direction:column;align-items:start;gap:0}.remote-console #viewer-state,.remote-console #viewer-summary{font-size:11px}.remote-console #listen{min-width:90px}.remote-console .projection-toolbar{gap:8px 12px}.remote-console .projection-adjustments{font-size:14px}.remote-console .mount-fields{flex-direction:column;align-items:start}.remote-console .speech-composer{gap:8px}.remote-console #speech-title{flex-basis:100%;font-size:16px}.remote-console #speech-form{flex-basis:100%;min-width:0}.remote-console #speech-status{flex-basis:100%;min-height:20px;font-size:13px}.remote-console .console-switch{padding:16px 0 0;font-size:14px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.viewer-receive{font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--view-muted);min-height:1.5em;margin:0}.viewer-receive[data-fault=yes]{color:var(--amber);font-weight:600}#sd-state[data-warning=true]{color:var(--warning-ink);font-weight:600}#speed-value[data-untrusted=true]{color:var(--muted)}