:root{--warning:#ffbf47}
.phone{padding-left:16px;padding-right:16px}.ambient{display:none}
.app-header{position:sticky;top:0;z-index:20;margin:0 -4px 8px;padding:12px 4px;background:#050e13f5;backdrop-filter:blur(16px);min-height:74px}
.brand{padding:0;flex:1;min-width:0;text-align:left;display:block}.brand-logo{display:block;width:100%;max-width:258px;height:auto;max-height:64px;object-fit:contain;object-position:left center}.header-actions{display:flex;gap:8px;align-items:center}.header-stop{width:44px;height:44px;min-height:44px;border-radius:14px;background:linear-gradient(145deg,#5c0c1c,#280b12);border:1px solid #ff3345;color:#ff8e99;font-size:10px;font-weight:800;letter-spacing:.04em;box-shadow:0 0 14px #ff33451c}.round{border-radius:50%}.data-strip{margin:0 0 10px;min-height:28px;gap:7px}.data-strip .demo-chip{font-size:9px}.global-status{margin-bottom:4px}.stop-warning{padding:12px;margin:0 0 12px;border:1px solid var(--red);background:#280b12;color:#ffb2b9;font-size:12px;line-height:1.5;border-radius:12px}.stop-warning strong{display:block;color:#ff5665;font-size:12px}
.instrument.low,.instrument.critical{--signal:#ff3345}.instrument.high{--signal:#ffbf47}.instrument.demo{--signal:#00d9e6}.instrument.low .status-pill,.instrument.critical .status-pill{background:linear-gradient(100deg,#350d17,#170e14);border-color:#ff334582}.instrument.low .status-check,.instrument.critical .status-check{color:#3b0811}.instrument.critical #valueArc{stroke:var(--signal)}.instrument.low .reading>span:first-child,.instrument.critical .reading>span:first-child{color:#ff7380}.instrument.high .reading>span:first-child{color:#ffcf79}.instrument.unknown{--signal:#879ca5}.instrument .status-pill{left:10%;width:80%;min-height:56px}.status-pill strong{font-size:12px}.status-pill small{font-size:10px}.gauge-chart .chart-times{font-size:9px}.reading-age{font-size:10px;line-height:1.4;margin:10px 0}.gauge-range{display:flex;justify-content:center;align-items:center;gap:5px;margin:0 0 11px}.gauge-range button{min-height:32px;min-width:44px;font-size:10px;color:#9eb3bf;border:1px solid #28434f;border-radius:10px}.gauge-range button[aria-pressed=true]{color:var(--cyan);border-color:#00aaa2;background:#00352e66}.telemetry-grid{gap:8px;margin-bottom:12px}.telemetry small{font-size:10px}.telemetry>span{font-size:11px}.camera-card{margin-bottom:12px}.camera-footer{font-size:10px;flex-wrap:wrap;padding:8px 10px}.camera-footer>span{max-width:100%}.camera-footer .text-button{font-size:11px;min-height:36px}.camera-state{font-size:11px}.camera-vision{padding:0 12px 12px;color:#a4b6c2;font-size:11px;line-height:1.5}.camera-vision time{color:var(--muted)}.demo-image-label{font-size:8px;max-width:75%}.speech-summary small{font-size:10px}.speech-summary{margin-bottom:14px}.speech-summary .card-heading h2{font-size:14px}
.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.action-card{display:grid;grid-template-columns:1fr auto;gap:6px;text-align:left;padding:15px 12px;min-height:122px}.action-card>.icon:first-child{grid-column:1/-1;width:27px;height:27px;color:var(--cyan);margin-bottom:2px}.action-card strong{font-size:14px}.action-card span{grid-column:1/-1;font-size:11px;color:var(--secondary)}.action-card>.icon:last-child{grid-column:2;grid-row:2;width:16px;height:16px;color:var(--cyan)}.health-strip{display:flex;justify-content:space-around;gap:5px;font-size:10px;color:#8fa8b5;padding:3px 0 14px}.health-strip span{display:flex;gap:5px;align-items:center}.health-strip .icon{width:15px;height:15px;color:var(--cyan)}
.section-heading{display:flex;gap:10px;align-items:center;position:relative;min-height:96px;padding:8px 0 18px}.section-heading>div{flex:1;position:relative;z-index:1}.section-heading h2{font-size:19px}.section-heading p{font-size:11px;color:var(--secondary);margin-top:4px}.section-heading>.section-robot{width:68px;height:76px;object-fit:contain}.back .icon{transform:rotate(180deg)}.settings-card{margin:0 0 14px;padding:15px}.settings-card h3{font-size:15px;display:flex;align-items:center;gap:7px}.settings-card h3>.icon{width:18px;height:18px;color:var(--cyan)}.settings-card>.muted{font-size:11px;margin-top:10px;line-height:1.5}.page-panel{padding-top:0}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.preset{border:1px solid var(--border);background:linear-gradient(130deg,#102029,#08151b);border-radius:16px;min-height:164px;text-align:left;padding:13px 12px 14px;position:relative;display:flex;flex-direction:column;gap:7px}.preset-icon{color:var(--cyan);margin-bottom:3px}.preset-icon.pitstop{color:#ffbd59}.preset-icon.garage{color:#c29bff}.preset-icon .icon{width:28px;height:28px}.preset strong{font-size:14px;line-height:1.3;max-width:105px}.preset small{font-size:11px;line-height:1.4;color:var(--secondary);padding-right:27px}.preset-play{width:28px;height:28px;position:absolute;right:10px;bottom:13px;display:grid;place-items:center;color:var(--cyan);border:1px solid #00b9b0;border-radius:50%;background:#003c3855}.preset-play .icon{width:14px;height:14px;fill:currentColor}.preset[aria-busy=true]{border-color:var(--cyan);box-shadow:0 0 15px #00f5dd22}.radio-state{padding:10px 0;font-size:12px;color:var(--secondary)}.radio-state[data-state=error]{color:#ff7b88}.radio-state[data-state=playing]{color:var(--cyan)}.voice-info{font-size:11px;color:#9eb2bd;line-height:1.5;margin-top:10px;overflow-wrap:anywhere}.ptt-card{text-align:center}.ptt-wave{display:flex;gap:3px;align-items:center;justify-content:center;min-height:125px;color:var(--cyan)}.ptt-wave>i{display:block;width:2px;background:linear-gradient(transparent,#00b2ae,transparent);height:35px}.ptt-wave .wave-0{height:55px}.ptt-wave .wave-1{height:30px}.ptt-wave .wave-2{height:69px}.ptt-wave .wave-3{height:45px}.ptt-button{width:92px;height:92px;border:1px solid #247781;border-radius:50%;background:radial-gradient(#194e5c,#0a1e2a 70%);box-shadow:0 0 0 6px #0c242c,inset 0 0 15px #00a99f33;margin:0 12px;opacity:.7!important;flex-shrink:0}.ptt-button .icon{width:37px;height:37px;stroke-width:1.4}.ptt-card>strong{font-size:12px;font-weight:500;color:var(--secondary)}.ptt-card>p{font-size:11px;color:var(--muted);line-height:1.5;margin-top:10px}
.robot-mode-list{display:grid;gap:9px}.robot-mode-list button{display:flex;gap:12px;align-items:center;text-align:left;border:1px solid var(--border);border-radius:14px;background:linear-gradient(120deg,#142a35,#09161d);padding:15px 13px;min-height:75px}.robot-mode-list button>.icon{width:32px;height:32px;color:#b7cad4}.robot-mode-list strong{display:block;font-size:14px}.robot-mode-list small{display:block;font-size:11px;color:var(--secondary);line-height:1.4;margin-top:5px}.robot-mode-list button[aria-pressed=true]{border-color:var(--cyan);background:linear-gradient(120deg,#004b4d55,#08181b);box-shadow:inset 0 0 18px #00f5dd18,0 0 10px #00f5dd18}.robot-mode-list button[aria-pressed=true]>.icon,.robot-mode-list button[aria-pressed=true] strong{color:var(--cyan)}.robot-mode-list button:disabled{opacity:.55}.minor-modes{margin-top:12px}.speed-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.speed-grid button{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:126px;padding:15px 6px;border:1px solid var(--border);border-radius:16px;background:#09151b}.speed-grid .icon{width:38px;height:38px}.speed-grid strong{font-size:14px}.speed-grid small{font-size:10px;color:var(--secondary);line-height:1.4}.speed-grid button[aria-pressed=true]{border-color:var(--cyan);color:var(--cyan);box-shadow:inset 0 0 16px #00f5dd12}.safety-settings{padding:0;overflow:hidden}.safety-settings>div{display:flex;align-items:center;gap:10px;padding:15px 12px;min-height:66px}.safety-settings>div+div{border-top:1px solid #28434f}.safety-settings>div>span:first-of-type{flex:1}.safety-settings strong{display:block;font-size:12px}.safety-settings small{display:block;font-size:10px;color:var(--secondary);margin-top:4px}.locked-tag{font-size:8px;color:#a4b6c2;border:1px solid #355260;border-radius:5px;padding:5px;max-width:78px;text-align:center;line-height:1.4}.toggle{width:48px;min-width:48px;min-height:44px;border:0;background:none;position:relative;padding:0}.toggle:before{content:'';position:absolute;left:0;right:0;top:10px;height:25px;border-radius:20px;background:#28434f}.toggle i{position:absolute;top:13px;left:3px;width:19px;height:19px;background:white;border-radius:50%;transition:transform .15s}.toggle[aria-checked=true]:before{background:#00d9b9}.toggle[aria-checked=true] i{transform:translateX(23px)}.robot-diagnostics{display:flex;gap:18px;align-items:center}.robot-diagnostics .section-robot{width:100px;height:110px;object-fit:contain}.robot-diagnostics dl{flex:1;margin:0}.robot-diagnostics dl>div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;font-size:11px;border-bottom:1px solid #28434f77}.robot-diagnostics dt{color:var(--secondary)}.robot-diagnostics dd{margin:0;color:var(--cyan)}.command-status{font-size:12px;margin-top:12px;color:#9db3bf;line-height:1.5}.command-status.error{color:#ff7b88}
.page-title{display:flex;gap:12px;align-items:center;padding:13px 0 20px}.page-title>.icon{width:31px;height:31px;color:var(--cyan)}.page-title p{font-size:11px;color:var(--secondary);margin-top:4px}.segments{display:flex;border:1px solid var(--border);border-radius:11px;padding:4px;gap:5px;margin-bottom:14px;background:#08151c}.segments button{flex:1;min-height:40px;border-radius:7px;font-size:11px;color:var(--secondary)}.segments button[aria-pressed=true]{border:1px solid var(--cyan);color:var(--cyan);background:#003e3b55;box-shadow:inset 0 0 9px #00f5dd18}.history-chart{padding:12px 8px;margin:12px 0;background:#07141b}.history-chart svg text{fill:#8ba2af;font-size:10px}.target-band{fill:#00dfa90a}.limit-line{fill:none;stroke:#ffbf4788;stroke-width:.6;stroke-dasharray:3 3}.chart-label{font-size:9px;color:#7a94a2;margin-left:20px}.history-chart .row{font-size:10px;padding:0 12px}.history-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0 16px}.history-stats>div{padding:13px 5px;text-align:center;border-radius:13px}.history-stats strong{font-size:21px;display:block}.history-stats small{font-size:10px;color:var(--secondary);display:block;margin-top:5px}.simulator-drawer{margin-bottom:16px;padding:14px}.simulator-drawer>summary{font-size:14px;display:flex;align-items:center;gap:8px;cursor:pointer;min-height:44px}.simulator-drawer>summary .icon{color:var(--cyan);width:18px}.simulator-drawer>summary .demo-chip{margin-left:auto;font-size:8px}.sim-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:15px 0}.sim-presets button{font-size:22px;font-weight:700;border-radius:12px;border:1px solid;padding:12px 3px;background:#15252b}.sim-presets small{display:block;font-size:10px;font-weight:400;margin-top:5px}.sim-presets .test-low,.sim-presets .test-high{border-color:#ff3345;background:#420b18;color:#ff95a0}.sim-presets .test-normal{border-color:#00c9b5;background:#004133;color:#5dffe1}.fault-grid{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.fault-grid button{flex:1 1 45%;border:1px solid #28434f;border-radius:9px;font-size:11px;padding:8px;color:var(--secondary);background:#0d1e27}.simulator-drawer>p{font-size:11px;color:var(--muted);margin:12px 0}.simulator-drawer #demoPanel{padding:0;border:0;background:none;box-shadow:none}.simulator-drawer #demoPanel h3{font-size:13px}.diagnostic-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;padding:13px 0}.diagnostic-row+.diagnostic-row{border-top:1px solid #28434f}.diagnostic-row strong{font-size:11px;font-weight:500;text-align:right;color:#9eb7c1}.history-table-wrap{margin:0 0 18px}.history-table-wrap summary{font-size:12px;min-height:44px;padding:12px 4px;cursor:pointer}.history-row{font-size:12px}.event-list{display:grid;gap:10px}.event-row{font-size:11px;line-height:1.5;color:#a4b6c2;padding:7px 0;border-bottom:1px solid #28434f}.event-row strong{display:block;color:#e1edf2;font-weight:500}.alert-item{position:relative}.alert-item[data-severity=error]{border-color:#8b2534}.alert-item[data-severity=warning]{border-color:#7b6231}.alert-item h3{font-size:14px}.alert-meta{font-size:10px;color:#8da5b3;margin-top:8px}.ack-button{font-size:11px;color:var(--cyan);margin-top:6px}.ack-button:disabled{color:#8da5b3}.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.three-col label{font-size:10px;line-height:1.4}.three-col input{margin-top:7px;padding:10px 6px;font-size:14px}.settings-card label.checkbox{font-size:12px;line-height:1.5}.quick-stop{display:none}.speech-summary.is-playing{border-color:#00b8ac}.speech-summary.is-playing .mini-label{animation:speaking 1s ease-in-out infinite alternate}@keyframes speaking{to{opacity:.35}}
@media(prefers-reduced-motion:reduce){.speech-summary.is-playing .mini-label{animation:none}}
.reduced-motion .speech-summary.is-playing .mini-label{animation:none}
.gauge-range button,.segments button,.camera-footer .text-button,.camera-connect,#contactAlert{min-height:44px;min-width:44px}
@media(max-width:380px){.header-actions{gap:5px}.brand-logo{max-height:54px}.section-heading>.section-robot{width:58px}.preset strong{font-size:13px}.ptt-wave{gap:2px}.ptt-button{margin:0 8px}.telemetry small{font-size:9px}}