@import"https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500&family=JetBrains+Mono:wght@300;400&display=swap";:root{--bg: #05070c;--accent: #5dd5e4;--accent-dim: rgba(93, 213, 228, .4);--accent-faint: rgba(93, 213, 228, .06);--text: #e8f0f4;--text-muted: #6a7a82;--text-faint: #3a4550;--amber: #e8a04a;--amber-dim: rgba(232, 160, 74, .4);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", monospace;--radius: 8px;--radius-sm: 4px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;background:var(--bg);overflow:hidden}body{font-family:var(--font-sans);color:var(--text);-webkit-font-smoothing:antialiased;font-weight:300}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes boot-bar{0%{width:0%}to{width:100%}}@keyframes mic-pulse{0%,to{box-shadow:0 0 0 0 var(--accent-dim)}50%{box-shadow:0 0 0 8px transparent}}@keyframes mic-listening{0%,to{box-shadow:0 0 0 0 var(--accent-dim)}50%{box-shadow:0 0 12px 2px var(--accent-dim)}}@keyframes mic-speaking{0%,to{box-shadow:0 0 4px 0 var(--accent-dim)}50%{box-shadow:0 0 8px 1px var(--accent-dim)}}.hud-root{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud-root.mirror{transform:scaleX(-1)}.hud-root.fullscreen .clock-widget,.hud-root.fullscreen .captions,.hud-root.fullscreen .mic-container,.hud-root.fullscreen .quick-access,.hud-root.fullscreen .models-count,.hud-root.fullscreen .model-label,.hud-root.fullscreen .text-input-minimal,.hud-root.fullscreen .voice-transcript{opacity:0;transition:opacity .5s ease;pointer-events:none}.hud-root.fullscreen .mic-container:hover,.hud-root.fullscreen .quick-access:hover{opacity:1;pointer-events:auto}.viewer-fullscreen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:auto}.viewer-fullscreen canvas{display:block;width:100%!important;height:100%!important}.boot-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--bg);animation:fade-in .3s ease-out}.boot-title{font-family:var(--font-sans);font-weight:200;font-size:20px;letter-spacing:.14em;color:var(--text);text-transform:uppercase}.boot-bar{width:200px;height:1px;background:#ffffff0f;overflow:hidden}.boot-bar-fill{height:100%;background:var(--accent);animation:boot-bar 1.2s ease-out forwards}.boot-text{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);letter-spacing:.06em}.clock-widget{position:absolute;top:28px;left:50%;transform:translate(-50%);text-align:center;z-index:10;animation:fade-in .6s ease-out;pointer-events:none;opacity:.5;transition:opacity .3s ease}.clock-widget:hover{opacity:1}.clock-time{font-family:var(--font-mono);font-size:18px;font-weight:300;color:var(--text);letter-spacing:.06em;line-height:1}.clock-date{font-family:var(--font-sans);font-size:10px;font-weight:300;color:var(--text-muted);margin-top:4px;letter-spacing:.04em}.clock-weather{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:5px;font-family:var(--font-mono);font-size:10px;color:var(--accent);opacity:.6}.weather-icon{font-size:11px}.voice-transcript{position:absolute;top:38%;left:50%;transform:translate(-50%);max-width:500px;text-align:center;font-family:var(--font-mono);font-size:13px;color:var(--accent);opacity:.6;z-index:10;animation:fade-in .3s ease-out;pointer-events:none}.voice-error{position:absolute;top:35%;left:50%;transform:translate(-50%);max-width:400px;text-align:center;font-family:var(--font-mono);font-size:11px;color:var(--amber);z-index:10;animation:fade-in .3s ease-out;pointer-events:none}.captions{position:absolute;bottom:130px;left:50%;transform:translate(-50%);width:600px;max-width:90vw;display:flex;flex-direction:column;gap:8px;z-index:10;pointer-events:none}.caption{animation:fade-in-up .4s ease-out;text-align:center}.caption.user{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);opacity:.5}.caption.jarvis{font-family:var(--font-sans);font-size:14px;font-weight:300;color:var(--text);line-height:1.5;letter-spacing:.01em}.caption.jarvis:nth-child(1){opacity:1}.caption.jarvis:nth-child(2){opacity:.5}.caption.jarvis:nth-child(3){opacity:.25}.caption.user:nth-child(1){opacity:.5}.caption.user:nth-child(2){opacity:.25}.caption.user:nth-child(3){opacity:.12}.caption-author{font-family:var(--font-mono);font-size:9px;letter-spacing:.05em;text-transform:uppercase;margin-right:6px;opacity:.5}.model-label{position:absolute;bottom:90px;left:50%;transform:translate(-50%);text-align:center;pointer-events:none;z-index:5;animation:fade-in-up .4s ease-out}.model-label-name{font-family:var(--font-sans);font-size:11px;font-weight:400;letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase}.mic-container{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:15;animation:fade-in .5s ease-out .2s both;pointer-events:auto}.mic-btn{width:52px;height:52px;border-radius:50%;border:1px solid var(--accent-dim);background:#05070c66;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--accent);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;animation:mic-pulse 3s ease-in-out infinite}.mic-btn:hover{border-color:var(--accent);background:#5dd5e414}.mic-btn:active{transform:scale(.94)}.mic-btn.listening{border-color:var(--accent);background:#5dd5e41f;animation:mic-listening 1.5s ease-in-out infinite}.mic-btn.speaking{animation:mic-speaking 1s ease-in-out infinite}.mic-btn.generating{border-color:var(--amber);color:var(--amber);animation:mic-speaking .6s ease-in-out infinite}.mic-status{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase}.quick-access{position:absolute;bottom:32px;right:28px;display:flex;gap:6px;z-index:15;animation:fade-in .5s ease-out .3s both;pointer-events:auto}.quick-btn{width:36px;height:36px;border:1px solid rgba(255,255,255,.06);border-radius:50%;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .25s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.quick-btn:hover,.quick-btn.active{border-color:var(--accent-dim);color:var(--accent);background:var(--accent-faint)}.models-count{position:absolute;bottom:38px;left:28px;font-family:var(--font-mono);font-size:10px;color:var(--text-faint);letter-spacing:.04em;z-index:15;animation:fade-in .5s ease-out;pointer-events:auto;cursor:pointer;transition:color .25s ease}.models-count:hover{color:var(--text-muted)}.text-input-minimal{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:300px;max-width:80vw;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.04);padding:8px 12px 6px;font-family:var(--font-mono);font-size:11px;color:var(--text);outline:none;text-align:center;z-index:14;pointer-events:auto;transition:border-color .3s ease;opacity:.3}.text-input-minimal::placeholder{color:var(--text-faint);font-size:10px}.text-input-minimal:focus{border-bottom-color:var(--accent-dim);opacity:1}.camera-panel,.print-panel{position:absolute;top:50%;right:80px;transform:translateY(-50%);width:340px;max-height:75vh;overflow-y:auto;border:1px solid rgba(93,213,228,.1);border-radius:var(--radius);padding:16px;background:#05070c99;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);pointer-events:auto;z-index:20;animation:slide-in-right .3s ease-out}.panel-header{font-family:var(--font-sans);font-weight:400;font-size:10px;letter-spacing:.14em;color:var(--text-muted);margin-bottom:14px;text-transform:uppercase}.camera-stage{position:relative;width:100%;aspect-ratio:16 / 9;border:1px solid rgba(93,213,228,.08);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:12px;background:#0006}.camera-stage video{width:100%;height:100%;object-fit:cover}.camera-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.camera-icon{font-size:24px;color:var(--text-faint)}.camera-hint{font-family:var(--font-mono);font-size:10px;color:var(--text-faint)}.camera-reticle{position:absolute;top:15%;right:15%;bottom:15%;left:15%;pointer-events:none}.reticle-corner{position:absolute;width:14px;height:14px;border-color:var(--accent);border-style:solid;border-width:0}.reticle-corner.tl{top:0;left:0;border-top-width:1px;border-left-width:1px}.reticle-corner.tr{top:0;right:0;border-top-width:1px;border-right-width:1px}.reticle-corner.bl{bottom:0;left:0;border-bottom-width:1px;border-left-width:1px}.reticle-corner.br{bottom:0;right:0;border-bottom-width:1px;border-right-width:1px}.camera-scanning{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.scan-line{position:absolute;left:0;right:0;height:1px;background:var(--accent);opacity:.6;animation:scan 2s linear infinite alternate}@keyframes scan{0%{top:0%}to{top:100%}}.scan-text{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:9px;color:var(--accent)}.reconstruct-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080}.reconstruct-progress{width:80%}.reconstruct-label{text-align:center;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;color:var(--accent);margin-top:8px}.camera-error{font-family:var(--font-sans);font-size:11px;color:var(--amber);margin-bottom:10px;line-height:1.4}.analysis-result{border:1px solid rgba(93,213,228,.08);border-radius:var(--radius-sm);padding:10px;margin-bottom:12px}.result-row{display:flex;justify-content:space-between;font-family:var(--font-sans);font-size:11px;margin-bottom:5px}.result-label{color:var(--text-faint)}.result-value{color:var(--text);text-align:right}.result-recommendation{font-family:var(--font-sans);font-size:11px;color:var(--text-muted);margin-top:8px;padding-top:8px;border-top:1px solid rgba(93,213,228,.06);line-height:1.4}.camera-actions{display:flex;gap:8px}.camera-actions .hud-btn{flex:1;font-size:10px;padding:9px 12px;min-width:0}.print-current{margin-bottom:14px}.print-status-line{margin-bottom:6px}.print-state{font-family:var(--font-sans);font-weight:400;font-size:11px;letter-spacing:.04em}.print-state.printing{color:var(--accent)}.print-state.idle{color:var(--text-muted)}.print-model-name{font-family:var(--font-sans);font-size:12px;color:var(--text);margin-bottom:8px}.progress-bar-container{position:relative;width:100%;height:20px;border:1px solid rgba(93,213,228,.08);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:10px;background:#0000004d}.progress-bar-fill{height:100%;background:var(--accent-faint);border-right:1px solid var(--accent);transition:width .3s ease}.progress-bar-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-mono);font-size:10px;color:var(--text)}.print-idle{margin-bottom:14px}.print-hint{font-family:var(--font-sans);font-size:11px;color:var(--text-muted);margin-top:6px;line-height:1.4}.print-queue{margin-bottom:14px;border-top:1px solid rgba(93,213,228,.06);padding-top:10px}.queue-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;color:var(--text-faint);margin-bottom:6px;text-transform:uppercase}.queue-item{display:flex;gap:6px;font-family:var(--font-sans);font-size:11px;color:var(--text-muted);margin-bottom:3px}.queue-position{font-family:var(--font-mono);color:var(--text-faint)}.queue-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.print-actions .hud-btn{width:100%}.hud-btn{pointer-events:auto;font-family:var(--font-sans);font-weight:400;font-size:11px;letter-spacing:.04em;color:var(--text);background:#05070c80;border:1px solid rgba(93,213,228,.1);border-radius:var(--radius-sm);padding:10px 16px;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-height:40px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hud-btn:hover{border-color:var(--accent-dim);background:var(--accent-faint)}.hud-btn:active{transform:scale(.97)}.hud-btn.active,.hud-btn.primary{color:var(--accent);border-color:var(--accent-dim);background:var(--accent-faint)}.hud-btn.danger{color:var(--amber);border-color:var(--amber-dim)}.hud-btn:disabled{opacity:.3;cursor:not-allowed}.camera-panel::-webkit-scrollbar,.print-panel::-webkit-scrollbar{width:2px}.camera-panel::-webkit-scrollbar-track,.print-panel::-webkit-scrollbar-track{background:transparent}.camera-panel::-webkit-scrollbar-thumb,.print-panel::-webkit-scrollbar-thumb{background:#5dd5e41a;border-radius:1px}.hud-root.night{--accent: #2a7a85;--accent-dim: rgba(42, 122, 133, .4);--accent-faint: rgba(42, 122, 133, .05);--text: #90a0a8;--text-muted: #4a5a62;--text-faint: #2a3540}.hud-root.night .camera-panel,.hud-root.night .print-panel,.hud-root.night .hud-btn{background:#05070ccc}.hud-root.night .mic-btn{background:#05070c99}@media(max-width:768px){.clock-widget{top:14px}.clock-time{font-size:14px}.clock-date,.clock-weather{font-size:9px}.captions{width:90vw;bottom:110px}.caption.jarvis{font-size:12px}.voice-transcript{top:30%;font-size:11px;max-width:90vw}.mic-btn{width:44px;height:44px}.quick-access{right:14px;bottom:24px}.quick-btn{width:32px;height:32px;font-size:12px}.models-count{left:14px;bottom:30px;font-size:9px}.camera-panel,.print-panel{right:12px;left:12px;width:auto;max-width:340px;margin:0 auto;top:auto;bottom:100px;transform:none;max-height:60vh}.model-label{bottom:80px}.text-input-minimal{width:200px}}