:root{--bg:#0b0f14;--panel:#121821;--panel-2:#19212c;--border:#243040;--text:#e6edf3;--muted:#8b97a7;--accent:#4ade80;--accent-dim:#1f6f43;--user:#1f2a3a;--danger:#f87171;font-synthesis:none}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}.login-wrap{place-items:center;height:100%;display:grid}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;width:360px;max-width:90vw;padding:28px}.login-card h1{margin:0 0 4px;font-size:22px}.login-card p{color:var(--muted);margin:0 0 20px;font-size:13px}.login-card input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:9px;padding:11px 13px;font-size:15px}.login-card button{background:var(--accent);color:#052e16;cursor:pointer;border:none;border-radius:9px;width:100%;margin-top:12px;padding:11px;font-weight:700}.login-card button:disabled{opacity:.6;cursor:default}.login-err{color:var(--danger);min-height:18px;margin-top:10px;font-size:13px}.app{grid-template-columns:1fr 320px;height:100%;display:grid}@media (width<=820px){.app{grid-template-columns:1fr}}.chat{border-right:1px solid var(--border);flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.topbar .brand{letter-spacing:.3px;font-weight:700}.topbar .brand .dot{color:var(--accent)}.topbar .right{align-items:center;gap:8px;display:flex}.status-dot{background:var(--accent);border-radius:50%;width:8px;height:8px}.status-dot.off{background:var(--muted)}.messages{flex-direction:column;flex:1;gap:14px;padding:22px 18px;display:flex;overflow-y:auto}.empty{text-align:center;color:var(--muted);max-width:460px;margin:auto}.empty h2{color:var(--text);font-weight:650}.suggestions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.suggestions button{background:var(--panel-2);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:999px;padding:8px 12px;font-size:13px}.msg{display:flex}.msg.user{justify-content:flex-end}.bubble{border:1px solid var(--border);border-radius:14px;max-width:78%;padding:11px 14px}.msg.user .bubble{background:var(--user);border-bottom-right-radius:4px}.msg.assistant .bubble{background:var(--panel);border-bottom-left-radius:4px}.bubble :where(p,ul,ol,table):first-child{margin-top:0}.bubble :where(p,ul,ol,table):last-child{margin-bottom:0}.bubble table{border-collapse:collapse;width:100%;font-size:13px}.bubble th,.bubble td{border:1px solid var(--border);text-align:left;padding:5px 8px}.bubble code{background:var(--panel-2);border-radius:5px;padding:1px 5px}.toolchip{color:var(--muted);background:var(--panel-2);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;margin:2px 0;padding:2px 8px;font-size:12px;display:inline-flex}.composer{border-top:1px solid var(--border);gap:10px;padding:12px 14px;display:flex}.composer textarea{resize:none;background:var(--bg);border:1px solid var(--border);max-height:160px;color:var(--text);font:inherit;border-radius:11px;flex:1;padding:11px 13px}.composer button{background:var(--accent);color:#052e16;cursor:pointer;border:none;border-radius:11px;align-self:flex-end;padding:11px 18px;font-weight:700}.composer button:disabled{opacity:.5;cursor:default}.reports{background:var(--panel);flex-direction:column;min-height:0;display:flex}.reports header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.reports header h3{margin:0;font-size:14px}.reports header button{background:var(--accent-dim);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:5px 10px;font-size:12px}.reports ul{margin:0;padding:8px;list-style:none;overflow-y:auto}.reports li{cursor:pointer;border:1px solid #0000;border-radius:9px;padding:10px 12px}.reports li:hover{background:var(--panel-2);border-color:var(--border)}.reports li .t{font-size:14px}.reports li .d{color:var(--muted);font-size:12px}.reports .none{color:var(--muted);padding:16px;font-size:13px}.drawer-backdrop{z-index:10;background:#0000008c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.drawer{background:var(--panel);border:1px solid var(--border);border-radius:14px;width:760px;max-width:100%;max-height:86vh;padding:24px 28px;overflow-y:auto}.drawer h2{margin-top:0}.linklike{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.linklike:hover{color:var(--text)}.hub{flex-direction:column;height:100%;display:flex}.hub-top{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 22px;display:flex}.hub-top .brand{letter-spacing:.3px;font-weight:700}.hub-top .brand .dot{color:var(--accent)}.hub-body{flex:1;width:100%;max-width:980px;margin:0 auto;padding:48px 24px;overflow-y:auto}.hub-body h1{margin:0 0 6px;font-size:28px}.hub-sub{color:var(--muted);margin:0 0 32px}.hub-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;display:grid}.role-card{--card-accent:var(--accent);text-align:left;cursor:pointer;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:22px;transition:border-color .15s,transform .1s;position:relative;overflow:hidden}.role-card:before{content:"";background:var(--card-accent);height:3px;position:absolute;top:0;left:0;right:0}.role-card:hover{border-color:var(--card-accent);transform:translateY(-2px)}.role-badge{color:#06120c;background:var(--card-accent);border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:14px;font-size:15px;font-weight:800;display:inline-flex}.role-label{font-size:19px;font-weight:650}.role-title{color:var(--muted);margin-bottom:10px;font-size:13px}.role-blurb{color:var(--text);opacity:.85;font-size:13px;line-height:1.5}.topbar .brand{align-items:center;gap:6px;display:flex}.topbar .back{background:var(--panel-2);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;margin-right:4px;font-size:18px;line-height:1;display:inline-flex}.topbar .back:hover{border-color:var(--accent)}.topbar .role-name{color:var(--muted);margin-left:4px;font-weight:500}.composer .mic{cursor:pointer;background:var(--panel-2);width:42px;height:42px;color:var(--text);border:1px solid var(--border);border-radius:11px;flex:0 0 42px;justify-content:center;align-self:flex-end;align-items:center;font-size:16px;display:inline-flex}.composer .mic:hover{border-color:var(--accent)}.composer .mic.live{background:var(--accent);color:#06120c;border-color:var(--accent);animation:1.2s ease-in-out infinite micpulse}@keyframes micpulse{0%,to{box-shadow:0 0 #4ade8073}50%{box-shadow:0 0 0 7px #4ade8000}}.voicetoggle{font-size:15px}.voicetoggle.on{color:var(--accent)}