:root{color-scheme:dark;--bg:#050b0f;--surface:#09151b;--cyan:#00f5dd;--green:#00dfa9;--white:#f5fafc;--secondary:#a4b6c2;--muted:#718791;--border:#28434f;--red:#ff3345;--signal:#00f5dd;--safe-bottom:env(safe-area-inset-bottom,0px);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--white);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg)}[hidden]{display:none!important}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;border:0;background:none;min-height:44px}button:active{transform:scale(.97)}button:disabled{cursor:not-allowed;opacity:.38}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}a{color:var(--cyan);text-decoration:none}input,textarea,select{width:100%;border:1px solid var(--border);border-radius:11px;padding:12px 13px;background:#071218;color:var(--white);min-height:46px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #00f5dd12}textarea{resize:vertical;min-height:105px}label{display:block;font-size:12px;font-weight:600;color:#c6d6dc;margin:16px 0 8px}h1,h2,h3,p{margin:0}h1{font-size:21px;letter-spacing:-.7px;line-height:1.2}h2{font-size:18px;letter-spacing:-.4px}h3{font-size:16px;margin-bottom:14px}em{font-style:normal;color:var(--cyan)}p{line-height:1.55}.icon{width:22px;height:22px;flex-shrink:0;display:inline-block;vertical-align:middle}.muted{color:var(--secondary);font-size:13px}.small{font-size:12px}.eyebrow{font-size:10px;letter-spacing:.19em;color:var(--cyan);font-weight:600}.mini-label{font-size:9px;letter-spacing:.09em;color:var(--muted)}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between}.wide{width:100%}.primary,.secondary{border-radius:12px;padding:12px 15px;font-size:13px;font-weight:650;min-height:48px;transition:box-shadow .2s,background .2s;margin-top:14px}.primary{background:linear-gradient(135deg,#00f5dd,#00bd9b);color:#002b28;box-shadow:0 4px 22px #00dfa91a;border:1px solid #31ffdf}.primary:hover{box-shadow:0 0 25px #00dfa934}.secondary{border:1px solid var(--border);background:#12232c;color:#d6e7ed}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:11px;color:var(--cyan);padding:5px 0}.text-button .icon{width:14px;height:14px}.red{color:#ff7780}.round{width:42px;height:42px;min-height:42px;flex-shrink:0;border-radius:50%;background:linear-gradient(130deg,#1e313b,#0e1b22);border:1px solid #3a515e;color:#c2d3dc;display:grid;place-items:center}.glass{background:linear-gradient(115deg,#12252dbb,#09151bf2 65%);border:1px solid var(--border);border-radius:18px;box-shadow:inset 0 1px 0 #ffffff06,0 8px 30px #00000013}.stage{max-width:1200px;margin:auto;position:relative;z-index:1}.phone{width:100%;max-width:460px;margin:auto;background:radial-gradient(ellipse at 50% 20%,#0c242b77,transparent 52%),#050b0f;position:relative;min-height:100vh;padding:20px 18px calc(100px + var(--safe-bottom))}.device-top{display:none}.app-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:5px 0 19px}.brand{display:flex;align-items:center;gap:7px;min-width:0}.avatar{width:47px;height:51px;flex-shrink:0;filter:drop-shadow(0 0 9px #00f5dd18)}.brand p{font-size:10px;color:#aec0c9;white-space:nowrap;margin-top:3px}.data-strip{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--secondary);margin-bottom:10px}.demo-chip{font-size:9px;letter-spacing:.05em;padding:5px 8px;border:1px solid #987c3b66;border-radius:6px;color:#e3c67f;background:#2a21123d}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--muted);margin-right:6px}.connected .dot{background:var(--green);box-shadow:0 0 7px #00dfa999}.instrument{position:relative;aspect-ratio:360/357;width:100%;color:var(--signal);animation:appear .65s ease both}.gauge{width:100%;height:auto;overflow:visible;display:block}.housing{fill:#041115;stroke:#153c44;stroke-width:1.5}.circuit{fill:none;stroke:#00b3a1;stroke-width:1;opacity:.45}.tick{stroke:#24494b;stroke-width:1}.tick.major{stroke:#438481;stroke-width:1.2}.lit-segment{fill:none;stroke:var(--signal);stroke-width:9}.scale-label{fill:#a4bdc5;font-size:9px;text-anchor:middle;dominant-baseline:middle}.gauge-center{position:absolute;top:14.2%;left:50%;transform:translateX(-50%);width:70%;text-align:center}.droplet{color:var(--signal);filter:drop-shadow(0 0 7px #00f5dd33);margin-bottom:5px}.droplet .icon{width:23px;height:27px;fill:currentColor;stroke-width:.3}.gauge-center h2{font-size:14px;font-weight:600;color:var(--white);letter-spacing:-.2px}.reading{height:97px;position:relative;display:flex;align-items:center;justify-content:center}.reading>span:first-child{font-size:82px;font-weight:780;letter-spacing:-6px;font-variant-numeric:tabular-nums;color:var(--white);line-height:1;filter:drop-shadow(0 0 10px #e7ffff12)}.trend-arrow{font-size:20px;position:absolute;right:7px;color:var(--secondary)}.unit{font-size:15px;font-weight:500;color:#edf5f8;margin-top:-3px}.gauge-chart{position:absolute;top:64%;left:22%;width:56%}.gauge-chart svg{width:100%;display:block;overflow:visible}.gridline{stroke:#45616a;stroke-width:.5;opacity:.4;fill:none}.chart-line{fill:none;stroke:var(--signal);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}.chart-times{display:flex;justify-content:space-between;font-size:8px;color:#9eb4ba;margin-top:3px}.status-pill{position:absolute;left:12%;bottom:0;width:76%;border:1px solid #00c8ac66;border-radius:30px;background:linear-gradient(100deg,#003c34d9,#061c1ed9);padding:9px 11px;display:flex;align-items:center;gap:8px;text-align:left;color:var(--signal);box-shadow:0 0 22px #00dfa90a;min-height:54px}.status-pill strong{font-size:12px;display:block;font-weight:650;line-height:1.25}.status-pill small{font-size:9px;display:block;color:#adccca;margin-top:3px;line-height:1.3}.status-pill>.icon{margin-left:auto;width:16px}.status-check{display:grid;place-items:center;width:29px;height:29px;flex-shrink:0;border-radius:50%;background:var(--signal);color:#033a32;box-shadow:0 0 12px #00dfa933}.status-check .icon{width:18px}.reading-age{text-align:center;font-size:9px;color:#829aa5;margin:12px 0 14px}.telemetry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:15px}.telemetry{padding:12px 6px 11px;text-align:center;border-radius:16px;min-height:91px}.telemetry>div{display:flex;justify-content:center;gap:8px;align-items:center}.telemetry .icon{width:17px;height:20px;color:#b5c6d0}.telemetry strong{font-size:20px;letter-spacing:-.4px}.telemetry>span{display:block;font-size:10px;color:#c3d5dc;margin-top:1px;min-height:15px}.telemetry small{font-size:9px;color:#99b0bc;display:block;margin-top:5px;line-height:1.4}.camera-card{overflow:hidden;margin-bottom:15px;border-radius:19px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 13px}.card-heading h2{font-size:14px;font-weight:650;display:flex;align-items:center;gap:9px}.card-heading .icon{width:21px}.camera-state{color:var(--secondary);font-size:10px;display:flex;align-items:center;gap:5px}.camera-state.live{color:var(--green)}.camera-state.live:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 9px #00dfa9}.camera-view{position:relative;aspect-ratio:1.6;margin:0 5px;border-radius:14px;overflow:hidden;background:radial-gradient(ellipse at center,#18313a,#081116)}.camera-view:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#00000099);pointer-events:none}.camera-view img{width:100%;height:100%;object-fit:cover;display:block}.camera-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;color:#7d99a5;padding-bottom:22px}.camera-empty>.icon{width:35px;height:35px;opacity:.6}.camera-empty p{font-size:12px}.camera-empty small{font-size:10px}.camera-controls{position:absolute;z-index:2;bottom:13px;left:50%;transform:translateX(-50%);display:flex;gap:13px}.camera-controls button,.camera-expand{width:39px;height:39px;min-height:39px;background:#071119b3;border:1px solid #8ba6b733;border-radius:50%;display:grid;place-items:center;backdrop-filter:blur(7px)}.camera-controls .icon{width:19px;height:19px}.camera-expand{position:absolute;right:10px;top:10px;z-index:2;width:31px;height:31px;min-height:31px}.camera-expand .icon{width:17px;height:17px}.demo-image-label{position:absolute;top:12px;left:10px;padding:5px 7px;background:#000b13b3;border:1px solid #8398a03d;border-radius:5px;color:#e1d3a4;font-size:8px;letter-spacing:.06em;z-index:2}.camera-footer{display:flex;align-items:center;justify-content:space-between;padding:3px 12px;font-size:9px;color:#87a0ab;gap:5px}.camera-footer>span{max-width:60%}.emergency-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:7px;background:radial-gradient(ellipse at 90% 10%,#71182233,transparent 70%),linear-gradient(115deg,#260d15,#0f1118);border:1px solid #f34a5c87;border-radius:20px;margin-bottom:15px;min-height:133px;padding:16px 14px;box-shadow:inset 2px 0 10px #ff334522,0 0 17px #ff33450b}.emergency-card>div{position:relative;padding-left:29px}.emergency-card>div>.icon{position:absolute;left:0;top:4px;color:#ff4e5a;fill:#ff334511}.emergency-card h2{font-size:15px;color:#ff6671;margin-bottom:6px;letter-spacing:-.3px}.emergency-card p{font-size:10px;color:#c5aeb8;line-height:1.5}.emergency-card .text-button{font-size:9px;min-height:28px}.sos-switch{width:102px;height:111px;flex-shrink:0;perspective:500px;padding:0;position:relative}.switch-housing{display:block;position:absolute;inset:2px 3px;border-radius:28px;background:linear-gradient(120deg,#657582 0%,#14212a 16%,#030a11 70%,#31434e 95%);box-shadow:3px 6px 0 #02070b,0 0 0 1px #5e697277,inset 1px 2px 2px #c7d8df66;transform:rotate(13deg) rotateY(-10deg)}.switch-bevel{position:absolute;inset:8px;border-radius:22px;border:1px solid #e37b8488;background:linear-gradient(145deg,#0c080d,#551321 48%,#b51c2e 60%,#0e0a11 80%);padding:6px;box-shadow:inset 0 1px 5px #ffbcc055,0 0 15px #fa132b44}.switch-core{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:16px;border:2px solid #ff8590;background:linear-gradient(120deg,#ff5162,#cd0019 55%,#760b1e);box-shadow:0 0 8px #ff1428,0 0 21px #ff334599,inset 0 0 7px #fff1f3aa,inset -5px -5px 12px #59001477;position:relative}.switch-core b{font-size:18px;font-weight:750;letter-spacing:.02em;text-shadow:0 0 5px #fff}.switch-core small{font-size:5px;letter-spacing:.11em;margin-top:5px;opacity:.8}.switch-line{position:absolute;left:7px;right:7px;top:6px;height:3px;border-radius:5px;background:#ffd7dd;box-shadow:0 0 6px white}.sos-switch:hover .switch-core{filter:brightness(1.15)}.sos-switch:active .switch-housing{transform:rotate(13deg) rotateY(-10deg) scale(.95)}.speech-summary{padding-bottom:12px}.speech-summary>p{font-size:13px;padding:0 13px;color:#cad8de;line-height:1.6}.speech-summary>.row{padding:5px 13px 0}.speech-summary small{font-size:9px;color:var(--muted)}.bottom-nav{position:fixed;z-index:10;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,460px);display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(#0a1b21ed,#020b0ff5);backdrop-filter:blur(18px);border:1px solid #244751;border-radius:20px 20px 0 0;box-shadow:0 -7px 35px #0007,inset 0 1px 0 #00f5dd15;padding:8px 8px calc(10px + var(--safe-bottom))}.bottom-nav button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#99b0bc;min-height:49px}.bottom-nav button span:not(.count){font-size:9px}.bottom-nav button[aria-current=page]{color:var(--cyan);text-shadow:0 0 12px #00f5dd66}.bottom-nav button[aria-current=page]>.icon{filter:drop-shadow(0 0 7px #00f5dd44)}.bottom-nav .count{position:absolute;top:0;left:55%;background:var(--red);color:white;border:1px solid #ffadb5;border-radius:20px;font-size:8px;min-width:14px;height:14px;display:grid;place-items:center}.page-panel{padding:10px 0}.page-panel>h2{font-size:27px;margin:8px 0 15px;letter-spacing:-.8px}.settings-card{padding:18px;margin:16px 0}.settings-card p{margin-top:12px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mode-grid button{border:1px solid var(--border);background:#0a1820;border-radius:9px;font-size:11px;padding:10px}.mode-grid button[aria-pressed=true]{border-color:#00c6b3;color:var(--cyan);background:#07332f}.checkbox{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:400;color:var(--secondary);line-height:1.5}.checkbox input{width:18px;height:18px;min-height:18px;accent-color:var(--cyan);flex-shrink:0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metrics{display:flex;justify-content:space-between;gap:8px;margin-top:18px}.metrics b{display:block;font-size:22px}.metrics small{display:block;color:var(--muted);font-size:9px;margin-top:5px}.status-tag{display:inline-block;font-size:10px;color:var(--secondary);padding:5px 9px;border:1px solid var(--border);border-radius:20px}.notice{background:#33291355;color:#d2be8f;border:1px solid #80653266;border-radius:12px;padding:12px;font-size:12px;line-height:1.6}.history-chart{padding:13px;margin:18px 0}.history-chart svg{width:100%;display:block}.history-chart .row{font-size:10px;color:var(--muted)}.history-table{display:grid;gap:1px;border:1px solid var(--border);border-radius:14px;overflow:hidden}.history-row{display:grid;grid-template-columns:1fr 1fr 45px;padding:13px 15px;background:#0a1920;font-size:12px}.history-row span:first-child{color:var(--secondary)}.alerts-list{display:grid;gap:12px;margin-top:18px}.alert-item{padding:16px;border:1px solid #58303a;border-radius:15px;background:linear-gradient(120deg,#32111b66,#09151b)}.alert-item h3{font-size:14px;margin-bottom:5px;color:#ff7d87}.alert-item p{color:var(--secondary);font-size:11px}.alert-item small{display:block;font-size:10px;margin-top:8px;color:var(--muted)}.empty-state{padding:40px 20px;text-align:center;color:var(--muted);font-size:13px;line-height:1.6}.login-panel{padding:25px 11px 5px;max-width:370px;margin:auto}.login-emblem{width:73px;height:73px;display:grid;place-items:center;border-radius:50%;border:1px solid #00c0b080;background:radial-gradient(#003d35,#071c21);box-shadow:0 0 36px #00f5dd10;margin-bottom:28px}.login-emblem .icon{width:28px;height:28px;color:var(--cyan)}.login-panel h2{font-size:37px;line-height:1.12;letter-spacing:-1.5px;margin:13px 0 18px;font-weight:650}.login-panel>p{margin-bottom:27px}.login-panel .primary{margin-top:18px}.login-security{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:10px;line-height:1.5;margin-top:24px}.login-security .icon{color:var(--cyan);width:18px}.presentation-link{display:block;text-align:center;font-size:11px;margin-top:30px;color:#9db5be}.form-error{font-size:12px;color:#ff818b;min-height:18px;margin-top:10px}details{margin-top:12px;color:var(--secondary);font-size:12px;line-height:1.6}summary{cursor:pointer;color:#a6c9cf;padding:7px 0}code{display:block;font-family:monospace;font-size:11px;overflow-wrap:anywhere;border:1px solid var(--border);padding:10px;border-radius:8px;color:#a7e4dc;margin:8px 0}.toast{position:fixed;top:max(20px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:50;width:max-content;max-width:min(90vw,440px);background:#152b33;border:1px solid #456975;border-radius:14px;padding:13px 18px;font-size:12px;color:#effbff;line-height:1.5;box-shadow:0 10px 40px #0009}.quick-stop{position:fixed;right:max(18px,calc((100vw - 430px)/2 + 10px));bottom:calc(83px + var(--safe-bottom));z-index:12;background:linear-gradient(#6c1424,#3a0c16);border:1px solid #ff5669;border-radius:11px;color:#ffbbc3;font-size:10px;font-weight:650;padding:8px 12px;min-height:37px;box-shadow:0 0 16px #ff33451a}dialog{border:1px solid #72515d;border-radius:22px;max-width:340px;width:90%;background:#0b1921;color:var(--white);padding:24px;box-shadow:0 30px 100px #000c}dialog::backdrop{background:#000a;backdrop-filter:blur(6px)}dialog p{font-size:13px;margin-top:13px}.dialog-icon{color:var(--red);margin-bottom:15px}audio{width:100%;margin-top:15px;height:40px}.showcase-left,.showcase-right{display:none}.instrument.low{--signal:#ffbe62}.instrument.high{--signal:#f6c669}.instrument.unknown{--signal:#8ca5b0}.instrument.low .status-pill,.instrument.high .status-pill{background:linear-gradient(100deg,#3c2612,#1b1611);border-color:#b6844a}.instrument.unknown .status-pill{background:#15242b;border-color:#435e68}.instrument.low .status-check,.instrument.high .status-check{color:#3c2612}.instrument.unknown .status-check{color:#16272f}.instrument.unknown .lit-segment{opacity:.2}.instrument.unknown .gauge-center{opacity:.65}.instrument.low #valueArc,.instrument.high #valueArc{stroke:var(--signal)}.reduced-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reduced-motion .gauge,.reduced-motion .status-pill,.reduced-motion .droplet{filter:none!important;box-shadow:none!important}@keyframes appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:375px){.phone{padding:16px 12px 100px}.brand p{font-size:9px}.reading>span:first-child{font-size:77px}.reading{height:92px}.status-pill small{font-size:8.5px}.telemetry-grid{gap:7px}}