/* HEMA 1.1 — immersive, original glass HUD. No external UI framework required. */
body.vision-active{overflow:hidden;background:#01070e}
body.vision-active .workspace-screen.active{position:fixed;inset:0;display:block;padding:0;margin:0;min-height:100dvh;width:100%;max-width:none;overflow:hidden;z-index:8}
body.vision-active .workspace-screen>.topbar,body.vision-active .workspace-screen>.workspace-footer{display:none!important}
body.vision-active #vision-screen.view.active{display:block;position:absolute;inset:0;height:100%;width:100%;padding:0;margin:0;overflow:hidden}
.vision-immersive{position:relative;isolation:isolate;width:100%;height:100%;min-height:100dvh;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#19364d,#010910 80%);user-select:none;-webkit-user-select:none}
.vision-background,.vision-landmark-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}
.vision-background{z-index:0;background:#06121c}.vision-landmark-layer{z-index:1;pointer-events:none}
.vision-vignette{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(1,7,16,.63),transparent 24%,transparent 68%,rgba(1,10,18,.6)),linear-gradient(90deg,rgba(0,13,26,.23),transparent 33%,rgba(0,11,24,.16));}
.vision-scanner{position:absolute;inset:17px;pointer-events:none;z-index:2;border:1px solid rgba(102,231,255,.08);border-radius:15px}
.vision-scanner span{position:absolute;width:34px;height:34px;border:2px solid rgba(125,231,252,.58)}
.vision-scanner .scan-top-left{top:-1px;left:-1px;border-bottom:0;border-right:0;border-top-left-radius:14px}.vision-scanner .scan-bottom-right{bottom:-1px;right:-1px;border-top:0;border-left:0;border-bottom-right-radius:14px}
.vision-hud-header{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:calc(env(safe-area-inset-top,0px) + 16px) max(25px,env(safe-area-inset-right,0px)) 11px max(25px,env(safe-area-inset-left,0px));pointer-events:none}
.vision-brand{display:flex;align-items:center;gap:12px;filter:drop-shadow(0 3px 12px #000)}.vision-brand-mark{display:grid;place-items:center;color:#72effe;font-size:31px;text-shadow:0 0 22px #53dcff;line-height:1}.vision-brand strong{font:600 clamp(17px,2.7vw,27px) 'Space Grotesk',sans-serif;color:#fff;letter-spacing:.04em}.vision-brand strong em{color:#61e3f9;font-style:normal}.vision-brand strong small{font-size:12px;color:#aacbd8}.vision-brand span:not(.vision-brand-mark){display:block;margin-top:3px;color:#a9c5d1;font-size:8px;letter-spacing:.26em}
.vision-header-stats{display:flex;gap:9px;align-items:center}.vision-header-stats>span{display:flex;align-items:center;gap:7px;border:1px solid rgba(110,230,251,.25);background:rgba(2,15,30,.65);padding:8px 12px;border-radius:30px;color:#d7faff;font-size:9px;letter-spacing:.08em;backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px)}.online-dot{height:7px;width:7px;flex-shrink:0;display:inline-block;border-radius:50%;background:#45e2b8;box-shadow:0 0 12px #36e1b8}.vision-icon-button{pointer-events:auto;color:#bcf4fb;background:rgba(4,28,46,.8);border:1px solid #3b839a;border-radius:9px;font-size:19px;min-width:36px;min-height:33px}
.floating-pane{position:absolute;z-index:11;border-radius:15px;background:linear-gradient(135deg,rgba(4,21,35,.77),rgba(4,17,34,.71));border:1px solid rgba(101,214,246,.48);box-shadow:0 12px 40px rgba(0,3,10,.48),inset 0 0 18px rgba(38,157,202,.06),0 0 18px rgba(41,177,225,.13);-webkit-backdrop-filter:blur(19px) saturate(1.25);backdrop-filter:blur(19px) saturate(1.25);overflow:hidden;touch-action:pan-y}
.floating-pane.is-grabbed{border-color:#a7faff;box-shadow:0 0 0 1px rgba(119,244,255,.4),0 0 35px rgba(28,228,254,.44),0 18px 50px rgba(1,9,19,.65)}
.pane-grip{display:flex;align-items:center;gap:8px;min-height:39px;padding:10px 11px 9px;border-bottom:1px solid rgba(101,214,246,.19);color:#d8f7ff;white-space:nowrap;cursor:grab;touch-action:none}.pane-grip:active{cursor:grabbing}.pane-grip strong{font-size:10px;letter-spacing:.08em;line-height:1.2}.grip-dots{font-size:19px;line-height:10px;color:#76d5f5;opacity:.85}.pane-indicator{margin-left:auto;color:#66e4f6;font-size:8px;font-weight:600}
.skeleton-float{width:clamp(215px,24vw,320px);left:3%;top:17%}.skeleton-float canvas{width:100%;display:block;max-height:225px;object-fit:contain;background:rgba(0,19,37,.5)}.pane-bottom{padding:10px 11px;display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between;font-size:9px;color:#73e7f5;font-weight:600}.pane-bottom span:last-child{color:#f2fbff}
.gesture-float{width:clamp(245px,31vw,360px);left:63%;top:17%}.gesture-body{padding:14px}.air-status{color:#c8f5fe;font-size:12px;line-height:1.45}.gesture-tip{font-size:9px;color:#a2c5d1;line-height:1.6;margin-top:10px}.gesture-tip span{color:#67f6ff;margin:0 3px}.pinch-meter{margin-top:12px;height:4px;background:#19415a;border-radius:20px;overflow:hidden}.pinch-meter div{background:linear-gradient(90deg,#2873c2,#52e7fd);height:100%;width:0%;transition:width .15s}
.status-float{width:clamp(200px,22vw,270px);left:68%;top:46%}.status-lines{padding:12px 13px;display:grid;gap:13px}.status-lines>div{display:flex;align-items:center;gap:7px}.status-lines span:not(.online-dot){font-size:9px;color:#a9c5cf;flex:1;letter-spacing:.04em}.status-lines b{font-size:9px;color:#81f0e0;text-align:right}
.controls-float{width:clamp(230px,25vw,312px);left:67%;top:69%}.hud-controls-grid{padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.hud-control{min-height:42px;display:flex;justify-content:center;align-items:center;gap:5px;padding:8px 4px;background:rgba(14,46,71,.68);border:1px solid rgba(69,160,214,.56);border-radius:9px;color:#e4faff;font-size:15px;font-weight:600}.hud-control span{font-size:9px;letter-spacing:.025em}.hud-control:active{background:rgba(46,118,160,.75)}.hud-control.danger-control{color:#ffa4b5;background:rgba(104,16,40,.35);border-color:#d8496d}
.voice-float{width:clamp(170px,21vw,250px);left:3%;top:75%}.voice-float-main{padding:10px 11px;display:flex;align-items:center;gap:12px}.voice-globe{flex:0 0 39px;width:39px;height:39px;border:1px solid rgba(141,231,255,.8);border-radius:50%;display:grid;place-items:center;color:#e3ffff;font:600 22px 'Space Grotesk';background:radial-gradient(circle at 30% 25%,#3db4ed,#1b3572 55%,#06192c);box-shadow:0 0 18px rgba(48,203,255,.45)}.voice-float-main strong{display:block;color:#d7faff;font-size:10px}.voice-float-main small{display:block;font-size:9px;line-height:1.5;color:#88b5c8;margin-top:4px;max-height:45px;overflow:hidden}
.vision-toast{position:absolute;z-index:6;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);transform:translateX(-50%);width:max-content;max-width:70%;text-align:center;color:#b9e6f0;font-size:9px;letter-spacing:.12em;padding:10px 16px;border:1px solid rgba(81,198,232,.25);border-radius:100px;background:rgba(3,15,30,.56);backdrop-filter:blur(12px);pointer-events:none}
.gesture-cursor{position:absolute;z-index:40;left:0;top:0;width:32px;height:32px;transform:translate(-50%,-50%);border:2px solid rgba(105,243,255,.94);border-radius:50%;box-shadow:0 0 16px #25cfe4,0 0 0 7px rgba(35,220,255,.12);pointer-events:none;opacity:0;transition:opacity .18s}.gesture-cursor.visible{opacity:1}.gesture-cursor.pinched{background:rgba(61,224,255,.27);box-shadow:0 0 25px #63ecff,0 0 0 12px rgba(34,185,225,.1);width:25px;height:25px}
#vision-overlay.overlay-off{display:none}
@media (max-width:700px){.vision-hud-header{padding:calc(env(safe-area-inset-top,0px) + 10px) 11px 9px}.vision-brand strong{font-size:17px}.vision-brand span:not(.vision-brand-mark){font-size:6px}.vision-header-stats>span{padding:6px 8px;font-size:7px}.vision-header-stats>span:first-child{display:none}.vision-scanner{inset:8px}.floating-pane{border-radius:11px}.pane-grip{min-height:32px;padding:7px}.pane-grip strong{font-size:8px}.skeleton-float{width:185px}.skeleton-float canvas{max-height:143px}.gesture-float{width:210px}.status-float{width:175px}.controls-float{width:205px}.voice-float{width:155px}.voice-float-main{gap:7px;padding:7px}.voice-globe{width:29px;height:29px;flex-basis:29px;font-size:18px}.voice-float-main strong{font-size:8px}.hud-controls-grid{gap:5px;padding:6px}.hud-control{min-height:34px;font-size:12px}.hud-control span{font-size:7px}.vision-toast{bottom:5px;font-size:7px;max-width:70%;padding:7px}}
@media (max-width:430px){.vision-brand-mark{display:none}.vision-header-stats>span:nth-child(2){display:none}.vision-toast{display:none}.pane-indicator{font-size:7px}}
@media (prefers-reduced-motion:reduce){.gesture-cursor{transition:none}}

.hud-verified{display:flex;align-items:center;gap:5px;margin-bottom:13px;color:#a6eefe}.hud-verified span:nth-child(odd){color:#46e9b8;font-size:12px}.hud-verified span:nth-child(even){font-size:11px;border:1px solid rgba(92,242,203,.55);padding:1px 6px;border-radius:100px}.hud-verified strong{font-size:9px;color:#6ceacb;margin-left:auto;letter-spacing:.08em}
.hud-mini-mic{margin-left:auto;border:1px solid #55bbd9;background:rgba(17,83,116,.45);color:#d8ffff;border-radius:50%;height:30px;width:30px;flex:0 0 30px;font-size:16px}.hud-mini-mic:active{background:#145274}