@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#07111f;--panel:#0b1929;--panel2:#0e2033;--line:rgba(143,190,225,.13);--text:#eaf4ff;--muted:#8ba2b8;--blue:#4db9ff;--cyan:#72e2f4}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif}button,input,textarea{font:inherit}.app-shell{display:flex;min-height:100vh;background:radial-gradient(ellipse at 58% 18%,rgba(19,83,132,.18),transparent 40%),var(--bg)}
.sidebar{width:260px;background:rgba(6,16,29,.94);border-right:1px solid var(--line);padding:24px 17px;display:flex;flex-direction:column;flex-shrink:0}.side-brand{display:flex;align-items:center;gap:12px;padding:3px 7px 28px}.side-brand b{font:600 19px 'Space Grotesk';letter-spacing:2px;display:block}.side-brand span{font-size:9px;color:#6d91ad;letter-spacing:2px}.brand-mark{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#1b77b9,#112b4d);box-shadow:0 0 35px #258ac044,inset 0 1px 0 #ffffff44;font:600 29px 'Space Grotesk';color:white}.brand-mark.small{width:39px;height:39px;border-radius:12px;font-size:21px}.new-chat{border:1px solid #2b7eae66;background:#102b43;color:#c9eaff;border-radius:10px;padding:12px;text-align:left;cursor:pointer}.side-label{font-size:9px;letter-spacing:1.8px;color:#627f98;margin:29px 8px 12px}.history-list{display:grid;gap:5px}.history-item{padding:10px;border:0;background:transparent;color:#9db3c8;text-align:left;border-radius:8px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.history-item:hover,.history-item.active{background:#10273b;color:#e8f5ff}.side-bottom{margin-top:auto}.user-chip{display:flex;gap:10px;align-items:center;padding:13px 5px;border-top:1px solid var(--line)}.avatar{width:34px;height:34px;border-radius:50%;background:#174c70;display:grid;place-items:center}.user-chip b,.user-chip small{display:block}.user-chip b{font-size:12px}.user-chip small{font-size:10px;color:var(--muted);margin-top:3px}.logout{display:block;color:#8098ae;font-size:11px;text-decoration:none;padding:7px 5px}
.main-panel{flex:1;min-width:0}.topbar{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4.2%}.eyebrow{font-size:9px;letter-spacing:2px;color:#6ea7cb}.top-title{font:500 19px 'Space Grotesk';margin-top:4px}.secure-pill{border:1px solid #2b9e7a44;color:#75cdb0;border-radius:20px;padding:7px 12px;font-size:9px;letter-spacing:1px}.secure-pill i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4bd6a3;margin-right:6px;box-shadow:0 0 9px #4bd6a3}
.workspace{max-width:1250px;margin:auto;padding:28px 4.2%;display:grid;grid-template-columns:minmax(260px,.85fr) minmax(400px,1.15fr);gap:36px;min-height:calc(100vh - 82px)}.assistant-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:580px}.orb-wrap{width:240px;height:240px;position:relative;display:grid;place-items:center;margin-bottom:28px}.orb-ring{position:absolute;border:1px solid #4bbdff3b;border-radius:50%;inset:0;animation:spin 16s linear infinite}.ring-two{inset:18px;border-style:dashed;animation-direction:reverse;animation-duration:23s}.orb-core{width:145px;height:145px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#b5f5ff,#36a9f2 25%,#07518c 56%,#061a34 75%);box-shadow:0 0 25px #2baaff88,0 0 75px #188bda55,inset 0 0 25px #c7f8ff66}.orb-inner{width:105px;height:105px;border-radius:50%;display:grid;place-items:center;border:1px solid #b8f5ff88;background:radial-gradient(circle,#0a3156aa,#06182cdd);box-shadow:inset 0 0 25px #6ce4ff44}.orb-inner span{font:500 48px 'Space Grotesk';color:#d8f8ff;text-shadow:0 0 20px #69dfff}.assistant-state{font:600 11px 'Space Grotesk';letter-spacing:3px;color:#8bdcff}.assistant-sub{font-size:12px;color:#7892aa;margin-top:9px;text-align:center}.voice-actions{display:flex;align-items:center;gap:13px;margin-top:25px}.mic-button{width:58px;height:58px;border-radius:50%;border:1px solid #55bfff88;background:linear-gradient(145deg,#164d76,#0b2945);color:white;font-size:22px;cursor:pointer;box-shadow:0 0 25px #209de044}.wake-button{border:1px solid var(--line);border-radius:25px;background:#0d2032;color:#b6d2e8;padding:11px 15px;font-size:11px;cursor:pointer}.wake-note{font-size:10px;color:#59748c;margin-top:15px;text-align:center;max-width:270px}
.chat-panel{background:rgba(9,24,39,.82);border:1px solid var(--line);border-radius:18px;display:flex;flex-direction:column;min-height:650px;max-height:calc(100vh - 120px);overflow:hidden;box-shadow:0 18px 60px #0002}.chat-head{padding:19px 21px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.chat-head b{font-size:13px}.chat-head small{display:block;color:#7892a9;font-size:10px;margin-top:4px}.text-button{background:none;border:0;color:#7dbce4;font-size:10px;cursor:pointer}.messages{flex:1;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:15px}.welcome-msg{text-align:center;margin:auto;max-width:300px}.welcome-icon{font-size:27px;color:#72d7ff}.welcome-msg h2{font:500 21px 'Space Grotesk';margin:10px 0}.welcome-msg p{font-size:11px;line-height:1.7;color:#829bb1}.suggestions{display:grid;gap:7px;margin-top:20px}.suggestions button{border:1px solid var(--line);background:#0d2135;color:#a9c7df;border-radius:9px;padding:10px;font-size:10px;cursor:pointer}.message{max-width:88%;padding:12px 14px;border-radius:13px;font-size:12px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.message.user{align-self:flex-end;background:#12446a;color:#e4f5ff;border-bottom-right-radius:4px}.message.assistant{align-self:flex-start;background:#102337;border:1px solid #24415a;color:#d5e6f5;border-bottom-left-radius:4px}.message .role{font-size:9px;letter-spacing:1px;color:#73bde7;margin-bottom:5px}.composer{display:flex;align-items:flex-end;gap:10px;padding:13px;border-top:1px solid var(--line);background:#091827}.composer textarea{flex:1;resize:none;max-height:130px;border:1px solid #1b3b55;border-radius:11px;background:#0d2032;color:#eaf4ff;padding:12px;outline:none;font-size:12px;line-height:1.5}.composer textarea:focus{border-color:#398ec3}.send-btn{width:41px;height:41px;border:0;border-radius:11px;background:linear-gradient(145deg,#36a9ef,#1265a3);color:white;font-size:22px;cursor:pointer}.send-btn:disabled{opacity:.4}.disclaimer{text-align:center;color:#536e84;font-size:9px;padding:0 10px 12px}.thinking{opacity:.65}.listening .orb-core{animation:pulse 1.3s infinite}.speaking .orb-core{animation:pulse .65s infinite}.thinking .orb-ring{animation-duration:2s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.08);filter:brightness(1.3)}} 
.auth-body{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at 50% 20%,#12395b 0%,#07111f 60%)}.auth-card{width:min(420px,100%);padding:36px;background:#0b1b2c;border:1px solid var(--line);border-radius:20px;box-shadow:0 25px 90px #0005}.auth-card .brand-mark{margin-bottom:22px}.auth-card h1{font:500 28px 'Space Grotesk';margin:8px 0}.muted{color:#819ab0;font-size:13px;margin-bottom:25px}.auth-card label{display:block;color:#a8bfd3;font-size:11px;margin:15px 0 7px}.auth-card input{width:100%;padding:12px;border-radius:9px;border:1px solid #25415a;background:#071523;color:white;outline:none}.primary{margin-top:22px;background:#1687c9;color:white;border:0;border-radius:9px;padding:13px;cursor:pointer;font-weight:600}.full{width:100%}.error{background:#54272b;color:#ffc8c8;padding:10px;border-radius:8px;font-size:12px}.tiny{font-size:10px;color:#718aa0;margin-top:20px}
@media(max-width:850px){.sidebar{width:205px}.workspace{grid-template-columns:1fr;gap:12px}.assistant-stage{min-height:330px;padding:20px 0}.orb-wrap{width:180px;height:180px;margin-bottom:18px}.orb-core{width:115px;height:115px}.orb-inner{width:82px;height:82px}.orb-inner span{font-size:37px}.chat-panel{min-height:560px;max-height:75vh}}@media(max-width:600px){.sidebar{display:none}.topbar{height:70px;padding:0 18px}.top-title{font-size:16px}.workspace{padding:12px;display:flex;flex-direction:column}.assistant-stage{min-height:260px}.orb-wrap{width:145px;height:145px}.orb-core{width:95px;height:95px}.orb-inner{width:68px;height:68px}.orb-inner span{font-size:30px}.assistant-sub{font-size:10px}.chat-panel{min-height:520px;max-height:68vh}.secure-pill{font-size:8px;padding:6px 8px}}