:root{--bg: #04070c;--cyan: #38e6ff;--cyan-dim: rgba(56, 230, 255, .25);--amber: #ffb547;--text: #cfe9f3;--mono: "Share Tech Mono", ui-monospace, monospace;--display: "Orbitron", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--mono);overflow:hidden}#cam{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;object-fit:cover;transform:scaleX(-1);opacity:0;transition:opacity .6s;filter:saturate(.4) brightness(.55)}#cam.on{opacity:.35}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none}#hud{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:auto 1fr auto;pointer-events:none}#hud>*{pointer-events:auto}header{display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid var(--cyan-dim);background:linear-gradient(180deg,#04070ce6,#04070c66)}.brand{font-family:var(--display);font-weight:700;letter-spacing:.35em;color:var(--cyan);text-shadow:0 0 12px var(--cyan)}.status{font-size:14px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--amber)}.status.on{color:var(--cyan)}.spacer{flex:1}button{font-family:var(--display);font-size:12px;letter-spacing:.15em;border-radius:4px;padding:8px 14px;cursor:pointer}button.primary{background:var(--cyan);color:#021;border:none;box-shadow:0 0 18px var(--cyan-dim)}button.ghost{background:transparent;color:var(--text);border:1px solid var(--cyan-dim)}button.ghost.active{color:var(--cyan);border-color:var(--cyan)}.orb{place-self:center;width:180px;height:180px;border-radius:50%;border:2px solid var(--cyan);box-shadow:0 0 40px var(--cyan-dim),inset 0 0 40px var(--cyan-dim);position:relative;transition:transform .1s;pointer-events:none}.orb:before,.orb:after{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:50%;border:1px dashed var(--cyan-dim);animation:spin 18s linear infinite}.orb:after{top:-28px;right:-28px;bottom:-28px;left:-28px;animation-direction:reverse;animation-duration:30s}.orb.speaking{animation:pulse .6s ease-in-out infinite alternate}.orb.listening{border-color:var(--amber);box-shadow:0 0 40px #ffb5474d}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.08)}}.bigtext{position:fixed;left:50%;top:22%;transform:translate(-50%);font-family:var(--display);font-size:clamp(22px,4vw,48px);color:var(--cyan);text-shadow:0 0 20px var(--cyan);opacity:0;transition:opacity .4s;text-align:center;max-width:80vw;pointer-events:none}.bigtext.show{opacity:1}.log{position:fixed;right:20px;top:70px;bottom:80px;width:min(380px,40vw);overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:6px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 8%);mask-image:linear-gradient(180deg,transparent,#000 8%)}.log .msg{font-size:13px;line-height:1.4;padding:8px 10px;border-left:2px solid var(--cyan-dim);background:#38e6ff0d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.log .msg.user{border-left-color:var(--amber)}.log .msg b{color:var(--cyan);letter-spacing:.1em;font-size:10px;display:block;margin-bottom:2px}.log .msg.user b{color:var(--amber)}.textform{padding:14px 20px}.textform input{width:min(560px,100%);background:#04070cb3;border:1px solid var(--cyan-dim);color:var(--text);font-family:var(--mono);padding:10px 12px;border-radius:4px;outline:none}.textform input:focus{border-color:var(--cyan)}.cursor{position:fixed;left:0;top:0;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;border:2px solid var(--cyan);box-shadow:0 0 14px var(--cyan);pointer-events:none;opacity:0;transition:opacity .2s,transform .1s;z-index:50}.cursor.on{opacity:1}.cursor.pinch{transform:scale(.6);background:var(--cyan)}#panels{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.panel{position:absolute;width:320px;min-height:120px;background:#04070cd1;border:1px solid var(--cyan);box-shadow:0 0 24px var(--cyan-dim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;border-radius:6px;overflow:hidden}.panel.hover{border-color:var(--amber)}.panel .ph{font-family:var(--display);font-size:12px;letter-spacing:.2em;color:var(--cyan);padding:8px 12px;border-bottom:1px solid var(--cyan-dim);cursor:grab;display:flex;justify-content:space-between;-webkit-user-select:none;user-select:none}.panel .ph span.x{cursor:pointer;color:var(--amber)}.panel .pb{padding:12px;font-size:14px;line-height:1.5;white-space:pre-wrap;max-height:50vh;overflow:auto}@media(max-width:700px){.log{display:none}.orb{width:120px;height:120px}}