:root{--bg:#02070d;--bg2:#061522;--cyan:#00e5ff;--cyan-dim:#00e5ff59;--cyan-faint:#00e5ff14;--text:#cfefff;--muted:#6c93a8;--gold:#ffb547;--danger:#ff4d5e;--ok:#2bff9a;--hud:"Orbitron", system-ui, sans-serif;--body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:radial-gradient(ellipse at center, var(--bg2) 0%, var(--bg) 70%);height:100%;color:var(--text);font-family:var(--body);margin:0;overflow:hidden}.grid-bg{background-image:linear-gradient(var(--cyan-faint) 1px, transparent 1px), linear-gradient(90deg, var(--cyan-faint) 1px, transparent 1px);pointer-events:none;background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 75%);mask-image:radial-gradient(#000 30%,#0000 75%)}.hidden{display:none!important}.topbar{z-index:5;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:fixed;top:0;left:0;right:0}.brand{font-family:var(--hud);letter-spacing:.35em;color:var(--cyan);text-shadow:0 0 12px var(--cyan-dim);font-weight:800}.top-right{align-items:center;gap:18px;display:flex}.user{font-family:var(--hud);letter-spacing:.15em;text-transform:uppercase;color:var(--text);border:1px solid var(--cyan-dim);cursor:pointer;background:0 0;padding:5px 10px;font-size:11px}.user:hover{border-color:var(--cyan);color:var(--cyan)}.user:after{content:" ⏏";color:var(--muted)}.status{font-family:var(--hud);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.status .dot{background:var(--muted);border-radius:50%;width:9px;height:9px}.status.online{color:var(--ok)}.status.online .dot{background:var(--ok);box-shadow:0 0 10px var(--ok)}.status.conectando{color:var(--gold)}.status.conectando .dot{background:var(--gold);animation:.8s infinite blink}.layout{grid-template-columns:1fr minmax(260px,360px);gap:16px;padding:0 24px;display:grid;position:fixed;inset:60px 0 96px}.hud{place-items:center;display:grid;position:relative}.orb{--level:0;--size:min(42vmin, 340px);width:var(--size);height:var(--size);opacity:.55;place-items:center;transition:opacity .6s;display:grid;position:relative}.orb.online{opacity:1}.orb .ring{border:2px solid var(--cyan-dim);border-radius:50%;position:absolute}.orb .r1{border-style:dashed;animation:24s linear infinite spin;inset:0}.orb .r2{border-width:3px;border-color:var(--cyan) transparent var(--cyan) transparent;animation:9s linear infinite reverse spin;inset:9%}.orb .r3{border-color:transparent var(--cyan-dim);border-width:6px;animation:14s linear infinite spin;inset:20%}.orb .core{background:radial-gradient(circle, #e6fdff 0%, var(--cyan) 35%, #00e5ff1a 70%, transparent 72%);width:36%;height:36%;box-shadow:0 0 calc(30px + var(--level) * 90px) var(--cyan);transform:scale(calc(1 + var(--level) * .45));border-radius:50%;transition:transform 80ms linear,box-shadow 80ms linear}.orb:not(.speaking) .core{animation:3.5s ease-in-out infinite breathe}.subtitle{text-align:center;max-width:90%;font-family:var(--hud);color:#fff;text-shadow:0 0 18px var(--cyan);opacity:0;pointer-events:none;font-size:clamp(16px,2.4vw,26px);transition:opacity .3s,transform .3s;position:absolute;bottom:6%;left:50%;transform:translate(-50%,10px)}.subtitle.show{opacity:1;transform:translate(-50%)}.log-wrap{border:1px solid var(--cyan-dim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));background:#02101a99;flex-direction:column;min-height:0;display:flex}.log-title{font-family:var(--hud);letter-spacing:.3em;color:var(--cyan);border-bottom:1px solid var(--cyan-dim);padding:10px 14px;font-size:11px}.log{flex:1;padding:10px 14px;font-size:14px;line-height:1.45;overflow-y:auto}.line{white-space:pre-wrap;margin:0 0 8px}.line.user:before{content:"VOCÊ › ";color:var(--gold);font-family:var(--hud);font-size:10px}.line.assistant:before{content:"JARVIS › ";color:var(--cyan);font-family:var(--hud);font-size:10px}.line.system{color:var(--muted);font-size:12px}.controls{z-index:5;align-items:center;gap:10px;padding:20px 24px;display:flex;position:fixed;bottom:0;left:0;right:0}.btn{font-family:var(--hud);letter-spacing:.15em;color:var(--cyan);border:1px solid var(--cyan-dim);cursor:pointer;background:#00e5ff0f;padding:12px 18px;font-size:12px;transition:background .2s,box-shadow .2s}.btn:hover:not(:disabled){box-shadow:0 0 14px var(--cyan-dim);background:#00e5ff29}.btn:disabled{opacity:.35;cursor:not-allowed}.btn.primary{border-color:var(--cyan);padding:12px 26px;font-weight:800}.btn.on{background:var(--cyan);color:var(--bg);box-shadow:0 0 18px var(--cyan-dim)}.text-form{flex:1;gap:10px;min-width:0;display:flex}.text-form input{border:1px solid var(--cyan-dim);min-width:0;color:var(--text);background:#02101acc;outline:none;flex:1;padding:12px 14px;font-size:15px}.text-form input:focus{border-color:var(--cyan)}.panels-layer{pointer-events:none;z-index:10;position:fixed;inset:0}.panel{pointer-events:auto;border:1px solid var(--cyan);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#031420e0;flex-direction:column;width:320px;max-height:60vh;animation:.25s ease-out panel-in;display:flex;position:absolute;box-shadow:0 0 24px #00e5ff40}.panel.grabbed{box-shadow:0 0 36px var(--cyan);transform:scale(1.03)}.panel.closing{animation:.22s ease-in forwards panel-out}.panel-head{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:#00e5ff1f;justify-content:space-between;align-items:center;padding:8px 10px 8px 14px;display:flex}.panel-title{font-family:var(--hud);letter-spacing:.12em;color:var(--cyan);text-transform:uppercase;font-size:13px}.panel-close{color:var(--cyan);cursor:pointer;background:0 0;border:none;font-size:15px}.panel-body{white-space:pre-wrap;padding:12px 14px;font-size:14px;line-height:1.5;overflow-y:auto}.cam-wrap{aspect-ratio:4/3;border:1px solid var(--cyan-dim);z-index:6;background:#000;width:240px;position:fixed;bottom:96px;left:24px}.cam-wrap video,.cam-wrap canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.cam-wrap video{opacity:.55}.cam-label{font-family:var(--hud);letter-spacing:.15em;color:var(--cyan);text-shadow:0 0 6px #000;font-size:10px;position:absolute;bottom:4px;left:6px}.cursor{border:2px solid var(--cyan);width:28px;height:28px;box-shadow:0 0 12px var(--cyan);pointer-events:none;z-index:50;border-radius:50%;transition:width .1s,height .1s,left .1s,top .1s,background .1s;position:fixed;top:-14px;left:-14px}.cursor.pinch{background:var(--cyan);width:16px;height:16px;top:-8px;left:-8px}.alert{z-index:100;background:#0000008c;place-items:center;display:grid;position:fixed;inset:0}.alert-box{text-align:center;border:1px solid var(--danger);background:#1e0408eb;max-width:min(480px,100vw - 32px);padding:24px 28px;box-shadow:0 0 40px #ff4d5e66}.alert-title{font-family:var(--hud);letter-spacing:.4em;color:var(--danger);margin-bottom:12px}.alert-msg{margin-bottom:18px;line-height:1.5}.alert .btn{color:var(--danger);border-color:var(--danger);background:#ff4d5e14}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{opacity:.85;transform:scale(.92)}}@keyframes blink{50%{opacity:.2}}@keyframes panel-in{0%{opacity:0;transform:scale(.9)}}@keyframes panel-out{to{opacity:0;transform:scale(.9)}}@media (width<=760px){.topbar{padding:12px 16px}.layout{grid-template-rows:1fr 32%;grid-template-columns:1fr;padding:0 16px;inset:52px 0 128px}.controls{flex-wrap:wrap;padding:12px 16px}.text-form{flex-basis:100%}.cam-wrap{width:150px;bottom:136px;left:16px}.panel{width:min(320px,100vw - 32px)}}