[hidden]{display:none!important}:root{--cyan: #3ee7ff;--cyan-dim: rgba(62, 231, 255, .25);--amber: #ffb347;--red: #ff4d5e;--bg: #02060c;--panel: rgba(6, 22, 34, .82);font-family:Rajdhani,Segoe UI,system-ui,sans-serif;color:#cdefff;background:var(--bg)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{background:radial-gradient(ellipse at center,#06202e 0%,var(--bg) 70%)}#grid{position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(var(--cyan-dim) 1px,transparent 1px),linear-gradient(90deg,var(--cyan-dim) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%)}.topbar{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:14px 24px;letter-spacing:.2em;border-bottom:1px solid var(--cyan-dim);background:#020a1299;z-index:10}.brand{color:var(--cyan);font-weight:700;font-size:20px;text-shadow:0 0 12px var(--cyan)}.brand small{display:block;font-size:9px;letter-spacing:.3em;opacity:.6;font-weight:400}.status{display:flex;align-items:center;gap:8px;text-transform:uppercase;font-size:13px}.dot{width:10px;height:10px;border-radius:50%;background:#555}.dot.online{background:#3dff8e;box-shadow:0 0 10px #3dff8e}.dot.conectando{background:var(--amber);animation:blink .8s infinite}.dot.offline{background:var(--red)}.clock{font-variant-numeric:tabular-nums;color:var(--cyan)}@keyframes blink{50%{opacity:.2}}.stage{position:fixed;inset:0;display:grid;place-items:center;pointer-events:none}.orb{--lvl: 0;position:relative;width:260px;height:260px}.orb .core{position:absolute;inset:70px;border-radius:50%;background:radial-gradient(circle,#e8fdff 0%,var(--cyan) 35%,rgba(62,231,255,.1) 70%);box-shadow:0 0 calc(40px + var(--lvl) * 120px) var(--cyan);transform:scale(calc(.85 + var(--lvl) * .6));transition:transform 60ms linear,box-shadow 60ms linear}.orb .ring{position:absolute;border-radius:50%;border:2px solid var(--cyan-dim)}.orb .r1{inset:0;border-top-color:var(--cyan);animation:spin 8s linear infinite}.orb .r2{inset:22px;border-style:dashed;animation:spin 14s linear infinite reverse}.orb .r3{inset:44px;border-left-color:var(--amber);animation:spin 5s linear infinite}.orb.speaking .r1{animation-duration:2s}.orb.speaking .r3{animation-duration:1.4s}@keyframes spin{to{transform:rotate(360deg)}}.caption{position:absolute;top:calc(50% + 160px);max-width:70vw;text-align:center;font-size:22px;color:var(--cyan);text-shadow:0 0 10px var(--cyan);opacity:0;transition:opacity .3s}.caption.show{opacity:1}.log-wrap{position:fixed;left:20px;top:80px;bottom:100px;width:min(360px,32vw);border:1px solid var(--cyan-dim);background:#020e188c;display:flex;flex-direction:column}.log-title{padding:8px 12px;font-size:11px;letter-spacing:.3em;color:var(--cyan);border-bottom:1px solid var(--cyan-dim)}.log{flex:1;overflow-y:auto;padding:10px 12px;font-size:14px;line-height:1.45}.line{margin-bottom:10px}.line b{display:block;font-size:10px;letter-spacing:.2em;opacity:.7}.line.jarvis span{color:var(--cyan)}.line.user span{color:#fff}.line.sistema span,.line.gesto span{color:var(--amber);font-style:italic}.cam-wrap{position:fixed;right:20px;top:80px;width:320px;aspect-ratio:4 / 3;border:1px solid var(--cyan);background:#000;overflow:hidden}.cam-wrap video,.cam-wrap canvas{position:absolute;inset:0;width:100%;height:100%;transform:scaleX(-1);object-fit:cover}.gesture-label{position:absolute;bottom:6px;left:8px;font-size:12px;letter-spacing:.15em;color:var(--amber)}.controls{position:fixed;bottom:0;left:0;right:0;display:flex;flex-wrap:wrap;gap:10px;padding:16px 24px;border-top:1px solid var(--cyan-dim);background:#020a12bf;z-index:10}.btn{background:transparent;color:var(--cyan);border:1px solid var(--cyan);padding:10px 18px;font:inherit;font-weight:600;letter-spacing:.15em;cursor:pointer;transition:all .2s}.btn:hover:not(:disabled){background:var(--cyan-dim);box-shadow:0 0 12px var(--cyan-dim)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn.primary{background:var(--cyan);color:#001018}.btn.active{background:#3dff8e26;border-color:#3dff8e;color:#3dff8e}.text-form{flex:1;display:flex;gap:10px;min-width:260px}.text-form input{flex:1;background:#0006;border:1px solid var(--cyan-dim);color:#fff;padding:10px 14px;font:inherit;font-size:15px;outline:none}.text-form input:focus{border-color:var(--cyan)}.panel{position:fixed;width:360px;max-height:60vh;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--cyan);box-shadow:0 0 24px var(--cyan-dim);backdrop-filter:blur(4px);animation:pop .25s ease-out}.panel.grabbed{box-shadow:0 0 40px var(--cyan);border-color:var(--amber)}.panel.closing{animation:pop .25s ease-in reverse forwards}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#3ee7ff1f;color:var(--cyan);font-weight:700;letter-spacing:.15em;cursor:grab;user-select:none;touch-action:none}.panel-close{background:none;border:none;color:var(--cyan);cursor:pointer;font-size:14px}.panel-body{padding:12px;overflow-y:auto;white-space:pre-wrap;font-size:15px;line-height:1.5}@keyframes pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.cursor{position:fixed;left:-14px;top:-14px;width:28px;height:28px;border-radius:50%;border:2px solid var(--amber);box-shadow:0 0 12px var(--amber);pointer-events:none;z-index:9999}.cursor.pinch{background:#ffb34799;transform-origin:center}.alert{position:fixed;inset:0;display:grid;place-items:center;background:#0000008c;z-index:10000}.alert-box{max-width:min(480px,90vw);padding:24px 28px;text-align:center;border:2px solid var(--red);background:#1e0408eb;box-shadow:0 0 40px #ff4d5e80;font-size:17px}.alert-title{color:var(--red);letter-spacing:.4em;font-weight:700;margin-bottom:12px}.alert-box .btn{margin-top:18px;border-color:var(--red);color:var(--red)}@media (max-width: 760px){.log-wrap{width:auto;right:20px;top:auto;height:30vh;bottom:150px}.cam-wrap{width:180px}.orb{width:180px;height:180px}.orb .core{inset:48px}}