:root{--bg:#080b10;--face:#36e0ff;--faceglow:#36e0ff66;--muted:#8b949e;--text:#e6edf3;--user:#5aa2ff;--tool:#e3b341;--ok:#2ea043;--line:#1c2530}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden}body{background:radial-gradient(120% 120% at 50% 30%,#0d141d 0%,var(--bg) 70%);color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column;height:100vh}#root{display:flex;flex-direction:column;height:100vh}#status{position:fixed;top:14px;right:16px;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px;z-index:5}#status .pip{width:8px;height:8px;border-radius:50%;background:#6e7681;transition:.3s}#status.on .pip{background:var(--ok);box-shadow:0 0 8px var(--ok)}#stage{flex:1;position:relative;min-height:0;cursor:pointer;-webkit-user-select:none;user-select:none}#face{position:absolute;inset:0;width:100%;height:100%;display:block}#hint{position:absolute;left:50%;bottom:13%;transform:translate(-50%);pointer-events:none;white-space:nowrap;color:var(--face);font-size:17px;font-weight:600;letter-spacing:.02em;padding:9px 18px;border:1px solid var(--faceglow);border-radius:999px;background:#0b1722cc;animation:hintpulse 2s ease-in-out infinite}#hint.live{animation:none;border-color:var(--ok);color:#7ee787}@keyframes hintpulse{50%{opacity:.4}}#captions{padding:0 18px 4px;max-width:760px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:7px;max-height:30vh;overflow-y:auto;flex:0 0 auto}.cap{display:flex;gap:9px;align-items:flex-start;opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s;font-size:15px}.cap.show{opacity:1;transform:none}.cap .who{flex:0 0 auto;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 7px;border-radius:6px;margin-top:1px}.cap.user .who{background:#13294d;color:#9ec5ff}.cap.bot .who{background:#10241a;color:#7ee787}.cap.tool .who{background:#2a2206;color:var(--tool)}.cap .txt{color:var(--text);white-space:pre-wrap;word-break:break-word;min-width:0}.cap.tool .txt{font-family:ui-monospace,SFMono-Regular,monospace;font-size:13px;color:#cbd5e1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cap.tool .txt .res{color:#7ee787}footer{display:flex;gap:10px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));max-width:760px;width:100%;margin:0 auto;align-items:center}#text{flex:1;background:#111722;border:1px solid var(--line);color:var(--text);border-radius:12px;padding:11px 14px;font-size:15px;outline:none}#text:focus{border-color:var(--user)}button{background:#111722;color:var(--text);border:1px solid var(--line);border-radius:12px;padding:11px 16px;font-size:15px;cursor:pointer;transition:.15s}button:hover{border-color:var(--user)}#mic.on{background:#3d1414;border-color:#a03030;color:#ff9a9a}#cam.on{background:#0e2a16;border-color:#2ea043;color:#7ee787}#camPreview{position:absolute;top:12px;left:12px;width:150px;max-width:34vw;aspect-ratio:4/3;object-fit:cover;border-radius:12px;border:1px solid var(--faceglow);background:#000;box-shadow:0 4px 16px #0008;display:none;z-index:6}#camPreview.on{display:block}#send{background:var(--user);border-color:var(--user);color:#06122a;font-weight:600}#user{background:#111722;color:var(--text);border:1px solid var(--line);border-radius:12px;padding:11px 12px;font-size:14px;cursor:pointer;transition:.15s}#user:hover{border-color:var(--user)}#world{position:absolute;inset:0}#world canvas{display:block}#faceOffscreen{position:absolute;left:-9999px;top:0;width:640px;height:360px}#worldHud{position:fixed;top:14px;left:16px;display:flex;gap:6px;flex-wrap:wrap;max-width:340px;z-index:5}#worldHud button{font-size:12px;padding:5px 10px;border-radius:999px}#faceOffscreen canvas{width:640px;height:360px}#cadLink{font-size:12px;padding:5px 10px;border-radius:999px;border:1px solid var(--line);color:var(--muted);background:#111722;text-decoration:none}#stage.world #camPreview{left:auto;top:44px;right:16px;width:180px;z-index:6}