:root{--bg: #0b0d12;--panel: #141822;--panel2: #1b2130;--line: #232a3a;--txt: #e7ecf3;--muted: #8a94a6;--accent: #5b8cff;--accent2: #7aa2ff;--good: #2ecc71;--bad: #ff5d5d;--user: #2a3450}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 50% -10%,#161b29 0%,var(--bg) 60%);color:var(--txt);font-family:DM Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.center{height:100%;display:grid;place-items:center;padding:24px}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--bad);margin-top:12px}.logo{font-size:1.9rem;font-weight:700;letter-spacing:-.02em}.logo span{color:var(--accent2)}.logo.small{font-size:1.15rem}.gate{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:40px 34px;max-width:380px;text-align:center;box-shadow:0 20px 60px #0006}.gate p{margin:10px 0 22px}.gate .invite{width:100%;background:#0e1118;color:var(--txt);border:1px solid var(--line);border-radius:10px;padding:11px 13px;font:inherit;text-align:center;letter-spacing:1px;margin-bottom:12px}.gate .invite:focus{outline:none;border-color:var(--accent)}button{font:inherit;cursor:pointer;border-radius:12px;border:1px solid transparent;padding:12px 18px}button.primary{background:linear-gradient(180deg,var(--accent2),var(--accent));color:#fff;font-weight:600;border:none}button.primary:disabled{opacity:.5;cursor:default}button.ghost{background:transparent;color:var(--muted);border:1px solid var(--line);padding:8px 14px}.app{height:100%;display:grid;grid-template-rows:auto 1fr auto;max-width:880px;margin:0 auto}header{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--line)}header .pill{margin-left:auto}.pill{font-size:.8rem;padding:5px 11px;border-radius:999px;border:1px solid var(--line);background:var(--panel2)}.pill.good{color:var(--good);border-color:#1e4d33}.pill.bad{color:var(--bad);border-color:#4d1e1e}main{overflow-y:auto;padding:18px}.orbwrap{display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px 0 22px}.orb{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:radial-gradient(circle at 50% 40%,#1b2336,#0e1118);border:1px solid var(--line);box-shadow:0 0 #5b8cff00;transition:box-shadow .3s}.orb-core{width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 40% 35%,var(--accent2),var(--accent));transition:transform .25s}.orb.idle .orb-core{transform:scale(1)}.orb.listening{box-shadow:0 0 0 10px #5b8cff1f,0 0 40px #5b8cff66}.orb.listening .orb-core{animation:pulse 1.1s ease-in-out infinite;background:radial-gradient(circle at 40% 35%,#7affc4,#2ecc71)}.orb.thinking .orb-core{animation:spin 1.1s linear infinite;background:conic-gradient(var(--accent),#7affc4,var(--accent))}.orb.speaking{box-shadow:0 0 0 8px #7aa2ff24,0 0 50px #7aa2ff80}.orb.speaking .orb-core{animation:talk .5s ease-in-out infinite alternate}.orb-label{color:var(--muted);font-size:.92rem;min-height:20px;text-align:center;max-width:90%}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes talk{0%{transform:scale(.92)}to{transform:scale(1.12)}}.chat{display:flex;flex-direction:column;gap:12px}.bubble{max-width:80%;padding:11px 14px;border-radius:16px;line-height:1.45;white-space:pre-wrap;word-wrap:break-word}.bubble.user{align-self:flex-end;background:var(--user);border-bottom-right-radius:5px}.bubble.assistant{align-self:flex-start;background:var(--panel);border:1px solid var(--line);border-bottom-left-radius:5px}.bubble.system,.bubble.error{align-self:center;background:transparent;color:var(--muted);font-size:.9rem;text-align:center}.bubble.error{color:var(--bad)}.bubble .meta{margin-top:6px;font-size:.72rem;color:var(--muted)}.typing{color:var(--muted)}footer{display:flex;gap:10px;padding:14px 18px;border-top:1px solid var(--line);background:var(--bg)}footer textarea{flex:1;resize:none;background:var(--panel);color:var(--txt);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font:inherit;max-height:140px}footer textarea:focus{outline:none;border-color:var(--accent)}.micbtn{background:var(--panel2);border:1px solid var(--line);border-radius:12px;font-size:1.2rem;padding:0 14px;cursor:pointer}.micbtn.listening{background:#1f7a44;border-color:#2ecc71;animation:pulse 1.1s ease-in-out infinite}.micbtn.speaking{background:var(--accent)}.vbar{display:flex;gap:18px;justify-content:center;padding:8px 0 14px;background:var(--bg)}.vbar label{color:var(--muted);font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:6px}.vbar label.on{color:var(--txt)}@media(max-width:600px){.bubble{max-width:90%}.orb{width:110px;height:110px}.orb-core{width:54px;height:54px}}