: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}.layout{display:flex;height:100%}.app{height:100%;display:grid;flex:1 1 0;min-width:0}.app.intro{grid-template-rows:auto 1fr auto}.app.intro .orbzone{align-self:center}.app.started{grid-template-rows:auto auto 1fr auto auto}header{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--line)}.app.intro header .pill{margin-left:auto}.app.started header .pill{margin-left:4px}.orbzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:12px}.app.intro .orbzone{height:100%}.app.started .orbzone{height:40vh;padding:6px 0;border-bottom:1px solid var(--line)}.connected{position:absolute;top:10px;right:14px;color:var(--muted);font-size:.75rem;opacity:.8;background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:4px 11px}.orb-status{display:flex;align-items:center;gap:12px;min-height:26px}.orb-label{color:var(--muted);font-size:1rem;text-align:center}.hstatus{margin-left:auto;color:var(--muted);font-size:.9rem}.hstatus+.cancelbtn{margin-left:0}.cancelbtn{background:#3a1a1a;color:var(--bad);border:1px solid #5a2a2a;border-radius:999px;padding:5px 13px;font-size:.85rem;cursor:pointer}.cancelbtn:hover{background:#4d2222}.introhint{color:var(--muted);font-size:.9rem}.linkbtn{background:none;border:none;color:var(--accent2);cursor:pointer;padding:0;font:inherit;text-decoration:underline}.app.started .orb{width:34vh;height:34vh}.app.started .orb-core{width:45%;height:45%}.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}.orb{width:min(62vmin,440px);height:min(62vmin,440px);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 80px #5b8cff1f;transition:width .35s,height .35s,box-shadow .3s}.orb-core{width:45%;height:45%;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%}.app.started .orb{width:88px;height:88px}}.ghost.on{background:var(--accent);color:#fff;border-color:var(--accent)}.filespanel{position:relative;flex-shrink:0;height:100%;background:var(--panel);border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.filespanel.preview{background:#0e1118}.resizer{position:absolute;left:-3px;top:0;width:7px;height:100%;cursor:col-resize;z-index:5}.resizer:hover{background:linear-gradient(90deg,transparent,rgba(91,140,255,.5),transparent)}.filehead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}.crumbs{font-size:.85rem;color:var(--muted);padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.04)}.ghost.mini{padding:5px 11px}.filelist{overflow-y:auto;flex:1}.fileitem{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.03)}.fileitem:hover{background:var(--panel2)}.fileitem.sel{background:var(--panel2);border-left:3px solid var(--accent)}.fname{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fmeta{color:var(--muted);font-size:.75rem}.docname{color:var(--txt);font-size:.9rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc{margin:0;padding:16px;white-space:pre-wrap;word-wrap:break-word;font-family:ui-monospace,monospace;font-size:.85rem;line-height:1.6;color:var(--txt);overflow-y:auto;flex:1}.pad{padding:16px}@media(max-width:860px){.filespanel.tree{width:100%!important;position:fixed;top:0;right:0;bottom:0;left:0;z-index:30}.filespanel.preview{width:100%!important;position:fixed;top:0;right:0;bottom:0;left:0;z-index:31}.resizer{display:none}}