@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#07131f;--p:#081c2a;--p2:#0b2736;--mint:#78f9d4;--cyan:#69cbec;--white:#eaf9fa;--soft:#abc9d0;--dim:#6e9ba8;--line:#397786;--display:'Space Grotesk',sans-serif;--font:'DM Sans',sans-serif}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#051019;color:var(--white);font-family:var(--font)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:3px}svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}a{text-decoration:none;color:inherit}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);overflow:hidden;white-space:nowrap}
.workspace{position:fixed;inset:0;min-height:0;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 48%,#194054 0,#0a1e2e 39%,#07121e 82%)}
#camera{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transform:scaleX(-1);opacity:0;transition:opacity .8s;z-index:-4}
.workspace.camera-on #camera{opacity:.74}
.camera-vignette{position:absolute;inset:0;pointer-events:none;z-index:-3;background:linear-gradient(90deg,#061523db 0%,#0a213797 28%,#0516247a 57%,#071a2bcd 100%),linear-gradient(180deg,#051019ec 0%,transparent 24%,transparent 65%,#06121ef7 100%)}
.workspace.camera-on .camera-vignette{background:linear-gradient(90deg,#04111fd9 0%,#081c2880 29%,#06213262 68%,#061b2fd1 100%),linear-gradient(180deg,#061322bd 0%,transparent 25%,transparent 64%,#04111ff0 100%)}
.grain{position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.27' filter='url(%23n)'/%3E%3C/svg%3E")}
#starfield{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-2;opacity:.72}
.ambient-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#62d8ee10 1px,transparent 1px),linear-gradient(90deg,#62d8ee10 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse at center,#000b,transparent 80%);pointer-events:none}
.scan-beam{position:absolute;left:0;right:0;top:25%;height:1px;background:linear-gradient(90deg,transparent,#79f1d858,transparent);box-shadow:0 0 23px #68ead923;animation:sweep 11s linear infinite;z-index:-1;pointer-events:none}
@keyframes sweep{50%{top:78%}100%{top:25%}}
.viewport-reticle{position:absolute;inset:100px 40px 122px 105px;pointer-events:none;z-index:0}.viewport-reticle i{position:absolute;width:23px;height:23px;border-color:#70b8c19c;border-style:solid}.viewport-reticle i:nth-child(1){top:0;left:0;border-width:1px 0 0 1px}.viewport-reticle i:nth-child(2){top:0;right:0;border-width:1px 1px 0 0}.viewport-reticle i:nth-child(3){bottom:0;left:0;border-width:0 0 1px 1px}.viewport-reticle i:nth-child(4){bottom:0;right:0;border-width:0 1px 1px 0}
.topbar{position:absolute;top:0;left:0;right:0;height:83px;padding:0 clamp(20px,2.5vw,46px);display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #6fc9d330;background:linear-gradient(180deg,#071525f0,#0a25379b);z-index:25}
.identity{display:flex;align-items:center;gap:14px;min-width:210px}.identity-icon{width:46px;height:46px;color:var(--mint);display:grid;place-items:center;filter:drop-shadow(0 0 6px #5be6c77a)}.identity-icon svg{width:43px;height:43px}.identity-name strong{font:800 22px/1 var(--display);letter-spacing:2px}.identity-name strong span{color:var(--mint)}.identity-name small{display:block;color:#86b5bf;font:700 8px var(--display);letter-spacing:2px;margin-top:6px}.identity-name small i{color:#defbe8;font-style:normal}
.topcenter{display:flex;align-items:center;gap:10px;font:700 10px var(--display);letter-spacing:1.5px;color:#b6e7e7}.topcenter b{font:700 9px var(--display);border:1px solid #5396a5;color:#88f8d7;padding:6px 8px;border-radius:4px;margin-left:11px}.status-led{height:8px;width:8px;background:#66ffd0;border-radius:50%;box-shadow:0 0 10px #66ffc9;flex:none;display:inline-block}
.topright{display:flex;align-items:center;gap:22px}.system-clock{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.system-clock span{font:700 16px var(--display);letter-spacing:1.2px;font-variant-numeric:tabular-nums}.system-clock small{color:#799cae;font-size:8px;letter-spacing:1px}
.camera-action{display:flex;gap:10px;align-items:center;justify-content:center;border:1px solid #76f6d1;background:#77f2d5;color:#063532;border-radius:6px;font:800 10px var(--display);letter-spacing:.6px;min-height:42px;padding:10px 14px;white-space:nowrap;transition:background .2s}.camera-action:hover{background:#b1ffed}.camera-action[aria-pressed=true]{background:#1c5c56;color:#e0fffa}.camera-action svg{width:17px;height:17px;stroke-width:1.9}
.side-dock{position:absolute;left:20px;top:104px;bottom:144px;width:72px;background:linear-gradient(145deg,#10293cdd,#0b2538db);border:1px solid #3d7c8880;border-radius:15px;z-index:18;display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:10px 7px;backdrop-filter:blur(16px);box-shadow:0 18px 40px #010b1680}
.dock-separator{color:#679baa;text-align:center;font:800 8px var(--display);letter-spacing:1.3px;margin:4px 0 3px}.dock-separator:not(:first-child){margin-top:14px}.dock-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;height:63px;border:1px solid transparent;border-radius:8px;background:transparent;color:#7fa7b8;transition:.2s}.dock-item svg{width:22px;height:22px}.dock-item small{font:800 8px var(--display);letter-spacing:.2px}.dock-item.selected,.dock-item:hover{color:#c2ffe8;border-color:#63cdbb6b;background:#1e5556a1}.dock-item.selected::before{position:absolute;content:"";width:3px;height:20px;left:-8px;border-radius:4px;background:#7bffcf;box-shadow:0 0 12px #8affe3}
.dock-bottom{margin-top:auto;display:grid;place-items:center;gap:6px;color:#7dabb0;padding-bottom:7px}.dock-bottom span{display:block;width:18px;height:3px;background:#f2b873;border-radius:6px;box-shadow:0 0 7px #eab36e}.dock-bottom span.on{background:#72f9d9;box-shadow:0 0 7px #72f9d9}.dock-bottom small{font:800 7px var(--display);letter-spacing:1px}
.spatial-area{position:absolute;left:108px;right:0;top:84px;bottom:135px;overflow:hidden;isolation:isolate;z-index:4}
.spatial-axis{position:absolute;pointer-events:none;z-index:-1}.axis-x{top:48%;left:7%;width:86%;height:1px;background:linear-gradient(90deg,transparent,#60babc2c,transparent)}.axis-y{left:50%;top:0;height:100%;width:1px;background:linear-gradient(transparent,#60babc29,transparent)}
.scene-eyebrow{position:absolute;top:20px;left:4%;color:#8fc7ca;font:700 9px var(--display);letter-spacing:1.6px;z-index:1}.scene-eyebrow span{color:#82f1da;font-size:16px;vertical-align:-1px;margin-right:9px}.eyebrow-bar{display:inline-block;margin:0 10px;width:62px;height:1px;background:#77dfdc5c;vertical-align:middle}
.core-wrap{position:absolute;width:430px;height:475px;left:50%;top:43%;transform:translate(-50%,-50%);z-index:2;display:grid;place-items:center;pointer-events:none;transition:filter .4s}
.core-backlight{position:absolute;width:370px;height:370px;background:radial-gradient(circle,#44d5cd1a 0%,#4b9ee509 51%,transparent 74%);filter:blur(16px);border-radius:50%;pointer-events:none}
#coreCanvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 0 17px #2eac9e85)}.core-hit{position:absolute;top:16%;left:18%;width:64%;height:59%;border:0;background:transparent;pointer-events:auto;cursor:grab}.core-hit:active{cursor:grabbing}.core-hit:focus-visible{outline:1px solid var(--mint);border-radius:50%}
.core-coordinate{position:absolute;font:700 9px var(--display);letter-spacing:2px;color:#5da0b4}.c-n{top:75px;left:0}.c-e{top:75px;right:0}
.core-caption{position:absolute;top:80%;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.core-caption-line{width:1px;height:24px;background:linear-gradient(#63f8cf,transparent)}.core-caption small{font:700 9px var(--display);letter-spacing:2.4px;color:#92ece0}.core-caption strong{font:800 25px var(--display);letter-spacing:4px;color:#f2feff;text-shadow:0 0 22px #a0f7d77a}.core-caption #coreMeta{font:700 9px var(--display);letter-spacing:1.1px;color:#78b3bb}
.holo-panel{position:absolute;width:336px;z-index:7;min-width:230px;background:linear-gradient(135deg,#123a48d9 0%,#0b2433e9 34%,#0a1c2bdc 100%);border:1px solid #64b7bd88;border-radius:10px;overflow:hidden;box-shadow:0 12px 50px #0009,0 0 31px #0bddd314;backdrop-filter:blur(22px);transition:box-shadow .22s,border-color .22s}
.holo-panel:hover,.holo-panel.spotlight{border-color:#89ffe0b8;box-shadow:0 17px 54px #000a,0 0 37px #5affba30}
.holo-panel.collapsed{display:none}.holo-panel.enlarged{width:min(560px,80vw)!important;z-index:14}
.server-panel{top:13%;left:4%}.crm-panel{top:16%;right:4%}.network-panel{top:18%;left:7%}.ai-panel{width:420px;bottom:3%;left:50%;transform:translateX(-50%)}.media-panel{right:8%;bottom:10%}
.panel-header{padding:12px 13px;border-bottom:1px solid #43858e67;background:#1b4854a1;display:flex;justify-content:space-between;align-items:center;gap:5px;cursor:grab;user-select:none;touch-action:none}.panel-header:active{cursor:grabbing}.panel-title{display:flex;align-items:center;gap:9px;min-width:0}.hex{width:32px;height:32px;flex:none;border:1px solid #65ebcd66;display:grid;place-items:center;color:#88f8d3;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:#235c5a}.hex.cyan{color:#8cddfe;background:#164d66}.hex svg{width:20px;height:20px}.panel-title small{font:700 8px var(--display);letter-spacing:1.3px;display:block;color:#83b8bb}.panel-title strong{font:800 12px var(--display);letter-spacing:.9px;display:block;margin-top:4px;color:#d9fff5;white-space:nowrap}
.panel-tools{display:flex;gap:5px;align-items:center}.micro-pulse{font:700 8px var(--display);color:#8ff4d2;letter-spacing:.4px;margin-right:3px;white-space:nowrap}.panel-tools button{background:#163d47;border:1px solid #4c9191;border-radius:5px;color:#e1fbf1;width:26px;height:26px;display:grid;place-items:center;font-size:17px;line-height:1}.panel-tools button:hover{background:#3b7272}
.panel-content{padding:12px 14px 11px}.server-row{display:flex;align-items:center;gap:8px;margin-bottom:14px}.node-circle{display:grid;place-items:center;width:33px;height:33px;border:1px solid #58a4ad;border-radius:50%;background:#204e57}.server-dot{height:12px;width:12px;border:2px solid #7bf2cb;border-radius:50%;box-shadow:0 0 0 3px #68ffc833,0 0 12px #75ffcbaa}.server-row div:nth-child(2){flex:1;min-width:0}.server-row strong{display:block;font:800 11px var(--display)}.server-row small{display:block;color:#74acb4;font:700 8px var(--display);margin-top:4px;letter-spacing:.7px}.run-state{font:700 8px var(--display);color:#a7ffc8;border:1px solid #4b9a80;padding:5px 7px;border-radius:4px}
.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.metrics-grid>div{background:#0b293896;border:1px solid #3970807a;border-radius:6px;padding:8px 6px}.metrics-grid span{display:block;color:#81b2b8;font:700 8px var(--display)}.metrics-grid strong{display:block;font:800 22px var(--display);color:#d8fff6;margin:7px 0}.metrics-grid strong em{font-size:10px;font-style:normal;color:#98eed2}.meter{height:3px;background:#23545e;border-radius:5px;overflow:hidden}.meter i{display:block;height:100%;background:linear-gradient(90deg,#55bfe0,#77ffd0)}
.server-wave{width:100%;height:55px;display:block;margin:12px 0 4px}
.panel-foot{border-top:1px solid #356e7d75;padding-top:9px;display:flex;align-items:center;justify-content:space-between;gap:6px}.panel-foot>span{font:700 8px var(--display);letter-spacing:.6px;color:#79a8b6}.panel-foot>span i{width:6px;height:6px;border-radius:50%;display:inline-block;background:#7ffbd6;margin-right:3px}.mini-action{font:800 9px var(--display);background:none;border:none;color:#93ffe3;white-space:nowrap;padding:5px 2px}.mini-action:hover{text-decoration:underline}
.crm-snapshot{display:flex;align-items:center;justify-content:space-between;gap:13px}.crm-snapshot>div>small{color:#8bb5c1;font:700 8px var(--display);letter-spacing:1px}.crm-snapshot strong{display:block;font:800 25px var(--display);margin:7px 0 5px;color:#e3fff3;white-space:nowrap}.crm-snapshot strong span{color:#80deca}.growth{font:800 8px var(--display);color:#9dfacb}.crm-ring{position:relative;width:84px;height:84px;flex:none}.crm-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{stroke:#26505a;stroke-width:8}.ring-fg{stroke:#69f0d1;stroke-width:8;stroke-dasharray:168 233;stroke-linecap:round;filter:drop-shadow(0 0 3px #73ffd6)}.crm-ring>span{position:absolute;inset:0;display:grid;place-items:center;font:800 23px var(--display);color:#ccffe9}.crm-ring>span small{font-size:12px}
.crm-bars{margin:10px 0 16px}.crm-bars>div{display:grid;grid-template-columns:75px 1fr 32px;align-items:center;gap:7px;margin:10px 0}.crm-bars span{font:700 9px var(--display);color:#86bdc3}.crm-bars b{font:800 9px var(--display);color:#aaf7d2;text-align:right}.bar{height:6px;background:#1a4655;border-radius:8px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#469ec5,#80f7d0);border-radius:5px}
.ai-panel .panel-content{padding:11px 14px}.ai-text{font-size:11px;line-height:1.65;color:#c5e2e2;min-height:38px}.quick-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.quick-chips button{border:1px solid #54838e;color:#aef7db;background:#173a48;border-radius:4px;padding:7px 9px;font:700 8px var(--display)}.quick-chips button:hover{background:#265c5a}
.network-map{width:100%;height:148px;position:relative;overflow:hidden;display:grid;place-items:center}.radar-rings{width:130px;height:130px;border:1px solid #63d4c0aa;border-radius:50%;background:repeating-radial-gradient(circle,#62d6c61a 0,#62d6c61a 1px,transparent 2px,transparent 23px)}.node-dot{position:absolute;background:#82ffe2;border-radius:50%;color:#062f35;font:800 8px var(--display);padding:7px;box-shadow:0 0 15px #78ffe3}.node-my{left:26%;top:22%}.node-sg{right:24%;bottom:22%}.radar-sweep{position:absolute;left:50%;top:50%;width:65px;height:2px;background:#80ffdd;transform-origin:left;animation:spin-radar 5s linear infinite}@keyframes spin-radar{to{transform:rotate(360deg)}}.node-stat{display:flex;align-items:center;justify-content:space-between;font:700 9px var(--display);margin:8px 0 14px}.node-stat span{color:#79adb3}.node-stat strong{color:#c4ffe7}
.studio-icons{height:118px;display:flex;align-items:center;justify-content:space-evenly;color:#8fffe7;font-size:46px;filter:drop-shadow(0 0 16px #4cffc066)}.media-panel p{font-size:12px;line-height:1.6;color:#b4d6db}
.gesture-readout{position:absolute;right:2%;bottom:8%;width:213px;border-left:1px solid #5cb8bf83;padding:9px 12px;z-index:6;background:linear-gradient(90deg,#0b29357d,transparent)}.gesture-title{display:flex;gap:7px;align-items:center;font:700 9px var(--display);color:#bff6ea;letter-spacing:.6px}.gesture-title .status-led{width:6px;height:6px}.gesture-title small{margin-left:auto;font:800 8px var(--display);color:#7cbbc1}
.gesture-radar{height:75px;display:flex;align-items:center;justify-content:space-between}.gesture-radar svg{width:125px;height:75px;filter:drop-shadow(0 0 7px #56e5d27d)}.gesture-radar>span{font:700 8px var(--display);color:#a3e5d9;text-align:right;width:63px}.gesture-item{display:flex;align-items:center;gap:11px;font:700 9px var(--display);margin:9px 0}.gesture-item>span{color:#78e9d1;border:1px solid #3c8d94;border-radius:2px;padding:2px 3px}.gesture-item b{color:#defaf8;letter-spacing:.4px}.gesture-item small{margin-left:auto;color:#79b1be;font:700 8px var(--display)}
.hand-cursor{position:absolute;left:0;top:0;width:50px;height:50px;transform:translate(-50%,-50%);pointer-events:none;z-index:50;border-radius:50%;border:2px solid #abfff0;background:#74ffdf12;box-shadow:0 0 22px #56ffcc99,inset 0 0 14px #56ffcc4f;transition:width .13s,height .13s}
.hand-cursor::before,.hand-cursor::after{content:"";position:absolute;background:#c9fff1;left:50%;top:50%;transform:translate(-50%,-50%)}.hand-cursor::before{width:18px;height:1px}.hand-cursor::after{height:18px;width:1px}.hand-cursor.pinching{width:34px;height:34px;border-color:#ffdc82;box-shadow:0 0 22px #fbd27591}.cursor-tooltip{position:absolute;top:100%;left:50%;transform:translate(-50%,11px);white-space:nowrap;background:#0a2536e8;border:1px solid #5aa0a2;padding:5px 8px;font:800 9px var(--display);color:#bafced;border-radius:3px}
.bottom-ui{position:absolute;bottom:0;left:108px;right:0;height:136px;z-index:20;display:flex;align-items:center;flex-direction:column;background:linear-gradient(180deg,transparent,#061522d9 22%,#061321f7 100%);padding:3px 20px 12px}.bottom-caption{display:flex;align-items:center;gap:12px;font:700 9px var(--display);letter-spacing:1.3px;color:#86c8c9}.bottom-caption b{color:var(--mint);padding:0 4px}.caption-line{width:45px;height:1px;background:#56b5b97b}.command-shell{display:flex;align-items:center;width:min(760px,94%);height:54px;background:linear-gradient(90deg,#123c4bdc,#0c273ae6);border:1px solid #72e9d7a6;box-shadow:0 0 22px #5be2c91b;margin:11px 0 7px;border-radius:8px;padding:6px}.cmd-mic{width:43px;height:40px;display:grid;place-items:center;border:1px solid #3b8d92;background:#1a4958;border-radius:5px;color:#8df9e4}.cmd-mic svg{width:20px;height:20px}.cmd-mic.listening{background:#96543e;color:#fff4d8}.prompt-chevron{font:700 26px var(--display);color:#7affd0;margin:0 10px}.command-shell input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#edffff;font-size:13px}.command-shell input::placeholder{color:#85afb7}.send-command{background:#7dffdd;color:#063d35;border:0;border-radius:5px;min-height:40px;padding:0 15px;font:800 10px var(--display);white-space:nowrap}.send-command:hover{background:#c5fff0}.send-command span{margin-left:7px}
.bottom-footer{display:flex;gap:25px;justify-content:space-between;align-items:center;width:min(850px,95%);color:#6698aa;font:800 8px var(--display);letter-spacing:.5px}.mini-square{display:inline-block;width:6px;height:6px;background:#66e5c5;margin-right:4px}.bottom-footer button{background:transparent;color:#92e6d1;border:0;font:800 8px var(--display);letter-spacing:.8px}
.welcome{position:absolute;inset:0;z-index:100;background:#030c18c7;display:grid;place-items:center;padding:20px;backdrop-filter:blur(19px)}.welcome.hidden{display:none}.welcome-panel{position:relative;width:min(610px,100%);max-height:calc(100dvh - 40px);overflow:auto;text-align:center;border:1px solid #65c9ba86;background:radial-gradient(ellipse at 50% 12%,#1a4b55,#0b2435 65%,#0b1a2a);border-radius:15px;padding:35px 40px;box-shadow:0 25px 90px #000c,0 0 60px #38d8b514}.welcome-panel::before{content:"";position:absolute;top:0;left:24%;right:24%;height:2px;background:linear-gradient(90deg,transparent,#8affda,transparent)}
.welcome-accent{font:800 10px var(--display);letter-spacing:2px;color:#9efce0}.welcome-graphic{display:block;font-size:88px;line-height:1.3;color:#7fffe2;text-shadow:0 0 39px #54eecd;animation:welcome-spin 12s linear infinite}@keyframes welcome-spin{50%{transform:rotate(90deg)}}.welcome h1{font:800 clamp(27px,4vw,45px)/1.08 var(--display);letter-spacing:-1.8px;margin:10px 0 16px}.welcome h1 em{font-style:normal;color:#88ffe1}.welcome p{font-size:13px;line-height:1.8;color:#b4ced7;max-width:470px;margin:0 auto 24px}.welcome-controls{display:grid;gap:10px;max-width:390px;margin:0 auto}.welcome-controls button{padding:14px;border-radius:7px;font:800 11px var(--display);letter-spacing:.5px}.welcome-main{background:#89f9db;color:#062f32;border:1px solid #89f9db}.welcome-main:hover{background:#c5fff1}.welcome-main span{margin-left:10px}.welcome-secondary{color:#c8edeb;background:#193c4c;border:1px solid #599d9f}.welcome-secondary:hover{background:#285f67}.welcome-panel>small{display:block;margin-top:17px;color:#729eae;font-size:10px;line-height:1.5}
.toast{position:absolute;top:90px;left:50%;transform:translateX(-50%);z-index:99;border:1px solid #7dfadd;background:#113b43f7;border-radius:8px;color:#d9fff2;padding:13px 18px;font:700 11px var(--display);box-shadow:0 6px 32px #0009;max-width:min(560px,92vw);text-align:center}.toast[hidden]{display:none}
@media(max-width:1250px){.topcenter{display:none}.server-panel{left:2%;width:290px}.crm-panel{right:2%;width:290px}.core-wrap{width:390px}.gesture-readout{right:1%;bottom:13%}}
@media(max-width:920px){.topbar{height:74px;padding:0 17px}.identity{min-width:0}.system-clock{display:none}.side-dock{left:10px;top:85px;width:58px;bottom:130px;padding:8px 5px}.dock-item{height:57px}.dock-item svg{width:19px;height:19px}.dock-item small{font-size:7px}.spatial-area{top:74px;left:73px;bottom:131px}.viewport-reticle{inset:82px 16px 130px 75px}.core-wrap{width:350px;height:420px;top:42%}.server-panel{width:278px}.crm-panel{width:278px}.ai-panel{width:355px}.gesture-readout{display:none}.bottom-ui{left:73px}.identity-name strong{font-size:19px}}
@media(max-width:710px){
 .topbar{height:68px;padding:0 12px}.identity-icon{height:35px;width:35px}.identity-icon svg{width:35px;height:35px}.identity-name strong{font-size:17px;letter-spacing:1px}.identity-name small{font-size:7px;letter-spacing:.8px}.camera-action{min-height:37px;font-size:9px;padding:7px 9px;gap:6px}.camera-action svg{width:15px}
 .side-dock{left:9px;right:9px;top:77px;bottom:auto;width:auto;height:61px;flex-direction:row;align-items:stretch;justify-content:center;gap:4px;padding:4px 7px;border-radius:9px}
 .dock-separator,.dock-bottom{display:none}.dock-item{flex:1;min-width:0;width:auto;height:50px;gap:1px}.dock-item svg{width:19px;height:19px}.dock-item small{font-size:7px}.dock-item.selected::before{height:2px;width:18px;left:calc(50% - 9px);top:-5px}
 .spatial-area{left:0;right:0;top:144px;bottom:138px}.scene-eyebrow{font-size:7px;top:9px;left:13px}.eyebrow-bar{width:14px}
 .core-wrap{width:min(90vw,320px);height:345px;top:31%;left:50%}.core-caption{top:76%}.core-caption strong{font-size:20px}.core-caption small{font-size:7px}.core-caption #coreMeta{font-size:7px}.core-coordinate{display:none}
 .holo-panel{display:none!important;position:absolute!important;left:3%!important;right:3%!important;top:auto!important;bottom:2%!important;transform:none!important;width:94%!important;max-height:min(40dvh,340px);overflow:auto;box-shadow:0 6px 45px #000b}
 .holo-panel.mobile-visible:not(.collapsed){display:block!important}.holo-panel.enlarged{max-height:62dvh!important;z-index:20}
 .panel-header{padding:9px}.panel-content{padding:9px}.panel-title strong{font-size:11px}.server-wave{height:34px;margin:5px}.crm-ring{height:65px;width:65px}.crm-snapshot strong{font-size:22px}.metrics-grid strong{font-size:18px;margin:3px 0}.metrics-grid>div{padding:5px}
 .gesture-readout{display:none}.bottom-ui{left:0;height:136px;padding:4px 10px 8px}.command-shell{width:100%;margin:8px 0}.command-shell input{font-size:11px}.send-command{padding:0 10px;font-size:9px}.bottom-caption{font-size:8px;letter-spacing:.3px}.caption-line{width:12px}.bottom-footer{font-size:7px;gap:8px;width:100%}.bottom-footer span:nth-child(2){display:none}
 .viewport-reticle{inset:145px 10px 142px 10px}.welcome-panel{padding:24px 19px}.welcome-graphic{font-size:56px}.welcome p{font-size:12px}
}
@media(max-width:400px){.identity-name strong{font-size:15px}.identity-name small{font-size:6px}.camera-action span{display:none}.camera-action{width:39px;min-width:39px;padding:6px}.topright{gap:3px}.spatial-area{bottom:134px}.core-wrap{top:31%;height:320px}.bottom-ui{height:133px}.dock-item small{font-size:6px}.bottom-caption{font-size:7px}.command-shell{height:50px}.send-command{padding:0 8px}.welcome-panel{padding:25px 17px}}
@media(max-height:700px) and (min-width:711px){.topbar{height:66px}.side-dock{top:78px;bottom:103px}.dock-item{height:49px}.dock-separator:not(:first-child){margin-top:5px}.spatial-area{top:67px;bottom:109px}.bottom-ui{height:109px}.bottom-caption{display:none}.command-shell{margin-top:7px}.core-wrap{height:370px;top:43%}.server-panel{top:8%}.crm-panel{top:8%}.ai-panel{bottom:0}}
@media(prefers-reduced-motion:reduce){.scan-beam,.radar-sweep,.welcome-graphic{animation:none!important}*{transition-duration:.01ms!important}}

/* Visual QA refinement: keep core typography clear of assistant panel. */
@media(min-width:711px){.core-caption{top:71%}.ai-panel{bottom:2%}}
@media(max-width:710px){.core-caption{top:73%}.core-caption strong{font-size:18px}}
.gesture-hover{outline:2px solid #9affdc!important;outline-offset:3px;filter:drop-shadow(0 0 11px #5affbd70)}
/* Toast never blocks hand-based hit testing on narrow viewports. */
.toast{pointer-events:none}
/* Mobile orbital label clears the floating panel edge. */
@media(max-width:710px){.core-caption{top:64%}}

/* HoloDesk V0.2: CLEAR CAMERA DEFAULT + USER-CONTROLLED CINEMATIC */
.workspace.camera-on #camera{opacity:1!important;filter:none;image-rendering:auto}
.workspace.camera-on .camera-vignette{background:
 linear-gradient(90deg,rgba(3,16,28,.22),rgba(4,17,29,.03) 30%,rgba(4,17,29,.03) 69%,rgba(3,16,28,.23)),
 linear-gradient(180deg,rgba(4,13,23,.31),transparent 22%,transparent 72%,rgba(3,12,22,.37))!important}
.workspace.camera-on .grain{opacity:.025}
.workspace.camera-on .ambient-grid{opacity:.19}
.workspace.camera-on .scan-beam{opacity:.22}
.workspace.camera-on.cinematic #camera{opacity:.83!important;filter:brightness(.92) saturate(.90) contrast(.98)}
.workspace.camera-on.cinematic .camera-vignette{background:
 linear-gradient(90deg,rgba(3,15,27,.72),rgba(5,21,35,.36) 28%,rgba(5,21,35,.25) 68%,rgba(4,17,29,.74)),
 linear-gradient(180deg,rgba(3,11,24,.58),transparent 26%,transparent 70%,rgba(3,12,24,.67))!important}
.workspace.camera-on.cinematic .grain{opacity:.11}
.workspace.camera-on.cinematic .ambient-grid{opacity:.7}
#handOverlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:9;opacity:0;transition:opacity .22s}
.workspace.camera-on #handOverlay{opacity:.85}
.camera-style{display:none;min-height:37px;border:1px solid #5eaea9;border-radius:7px;padding:8px 11px;background:#11383de0;color:#aefadd;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
.camera-style small{font:800 10px var(--display);letter-spacing:.7px}.camera-style span{font-size:14px}
.workspace.camera-on .camera-style{display:flex}.camera-style[aria-pressed=true]{background:#194458;color:#c4efff;border-color:#7cbece}
.hand-help{position:absolute;top:115px;right:24px;z-index:16;width:236px;background:rgba(6,25,38,.79);backdrop-filter:blur(12px);
 border:1px solid rgba(100,238,211,.7);border-radius:10px;padding:11px 12px;color:#e2fff3;pointer-events:none;
 box-shadow:0 5px 23px rgba(0,0,0,.4);font-family:var(--display)}
.hand-help[hidden]{display:none}
.hand-help strong{font-size:11px;letter-spacing:.8px}.hand-help>span:not(.help-indicator){display:block;color:#c4ebea;font-size:10px;line-height:1.55;margin:8px 0}
.hand-help small{display:block;color:#85d5cc;font-size:9px;letter-spacing:.4px}
.help-indicator{display:inline-block;margin-right:7px;width:7px;height:7px;background:#f6ce76;border-radius:50%;box-shadow:0 0 9px #efd279}
.hand-help.detected .help-indicator{background:#70ffd2;box-shadow:0 0 8px #70ffd2}
.hand-help.detected{border-color:#68ffd29e}
.hand-readout{font:800 9px var(--display);color:#a4e8d8;margin-top:8px;letter-spacing:.7px}
.voice-mode{align-self:center;border:1px solid #51988e;border-radius:5px;background:#123645;color:#9dddd4;padding:8px 9px;
 white-space:nowrap;font:800 9px var(--display);letter-spacing:.45px;min-width:77px}
.voice-mode[aria-pressed=true]{border-color:#ffe29a;background:#6b4b28;color:#fff3ba}
.cmd-mic.listening,.cmd-mic.listening[aria-pressed=true]{background:#b35b43!important;color:white!important;box-shadow:0 0 13px #ff886a84;animation:mic-pulse 1.5s ease-in-out infinite}
@keyframes mic-pulse{50%{box-shadow:0 0 25px #ffa278bf}}
@media(max-width:920px){
 .camera-style{padding:7px 8px;min-width:35px}
 .camera-style small{font-size:8px}
 .hand-help{right:14px;top:85px;width:205px}
}
@media(max-width:710px){
 .camera-style{height:36px;min-height:36px;padding:6px}
 .camera-style small{display:none}
 .hand-help{right:10px;top:147px;width:172px;padding:8px 9px}
 .hand-help strong{font-size:9px}.hand-help>span:not(.help-indicator){font-size:9px;line-height:1.35;margin:5px 0}
 .hand-help small{font-size:8px}
 .voice-mode{min-width:48px;padding:8px 4px;font-size:8px}
 .command-shell input{font-size:10px}
}
@media(max-width:400px){
 .camera-style{width:36px}
 .voice-mode{min-width:44px;letter-spacing:0;font-size:7px}
 .prompt-chevron{margin:0 6px}
 .command-shell{padding:5px 4px}
 .send-command{min-width:66px}
}
@media(prefers-reduced-motion:reduce){.cmd-mic.listening{animation:none}}