.round,.camera-controls button,.camera-expand{min-width:44px;min-height:44px}
.camera-controls{gap:11px}
.instrument{animation:none}
.camera-view video{width:100%;height:100%;object-fit:cover;display:block;background:#02080b}
.camera-connect{min-height:36px;padding:7px 13px;border:1px solid #00c6b3;border-radius:999px;background:#063b35;color:var(--cyan);font-size:10px;font-weight:650;position:relative;z-index:3}
.camera-source-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.camera-source-actions .primary,.camera-source-actions .secondary{margin-top:0;min-height:54px}.camera-source-actions+input+button{margin-top:9px}
.instrument.low #valueArc,.instrument.high #valueArc{stroke:var(--signal)}
.instrument.unknown #valueArc{stroke:#607884}
.phone:has(#login:not([hidden])) .app-header{margin-bottom:32px}
.stage{display:block;max-width:520px;margin:0 auto;padding:0}
html{height:auto;min-height:100%;overflow-y:auto;scrollbar-gutter:stable}
body{height:auto;min-height:100dvh;overflow:visible;touch-action:pan-y pinch-zoom}
.stage,.phone,#app,#login{height:auto;max-height:none;overflow:visible}
.login-panel{padding-top:20px;padding-bottom:28px}
.phone:has(#login:not([hidden])){padding-bottom:40px}
@media(max-height:760px){.login-panel{padding-top:8px}.login-emblem{margin-bottom:20px}.login-panel h2{font-size:32px}}
.round .icon{width:23px;height:23px;stroke-width:1.6}
.bottom-nav{width:min(100%,460px);min-height:76px;border:1px solid #284852;border-bottom:0;border-radius:25px 25px 0 0;background:linear-gradient(115deg,#0c2028f5,#061217fa);box-shadow:0 -5px 25px #0005,inset 0 1px 0 #a5ffff0a;backdrop-filter:blur(18px);padding:10px 10px calc(10px + var(--safe-bottom));gap:0}
.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:54px;position:relative;color:#91a7b3;padding:4px 1px;border-radius:14px}
.bottom-nav button>.icon{width:24px;height:24px;stroke-width:1.65;filter:none}
.bottom-nav button>span:not(.count){font-size:10px;line-height:1.3;font-weight:500;letter-spacing:0}
.bottom-nav button[aria-current="page"]{color:#00f5dd;background:radial-gradient(ellipse at 50% 30%,#00f5dd14,transparent 70%)}
.bottom-nav button[aria-current="page"]>.icon{filter:drop-shadow(0 0 7px #00f5dd55)}
.bottom-nav button[data-view="home"][aria-current="page"]>.icon{fill:currentColor;stroke:#00f5dd}
.bottom-nav .count{position:absolute;top:0;right:calc(50% - 23px);min-width:17px;height:17px;border-radius:10px;padding:0 4px;display:grid;place-items:center;background:#ff4153;color:white;font-size:10px;line-height:17px;font-weight:650;border:1.5px solid #0a1820}
.phone{border:0;outline:0;box-shadow:none;border-radius:0;max-width:460px;min-height:100dvh}
@media(min-width:600px){.phone{padding-top:32px}.ambient{opacity:.35}.login-panel{padding-top:26px}}