:root{color-scheme:dark;--bg:#090b14;--panel:#101421;--line:#252c40;--text:#f4f6ff;--muted:#9ba5bc;--purple:#a78bfa;--cyan:#67e8f9;--danger:#fb7185;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 18%,#202044 0,transparent 40%),var(--bg);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}.app-shell{width:min(100% - 28px,760px);margin:0 auto;padding:20px 0 16px}.topbar{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#9b8afb,#51d8e8);color:#0b1020;font-weight:900;font-size:23px;box-shadow:0 0 28px #8b5cf633}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.02em;font-size:17px}.brand small{font-size:9px;letter-spacing:.18em;color:var(--muted);margin-top:3px}.icon-button{border:1px solid var(--line);background:#111526;color:#dce2f5;border-radius:13px;width:42px;height:42px;font-size:20px}.hero{text-align:center;padding:35px 0 30px}.orb-wrap{height:158px;display:grid;place-items:center}.voice-orb{position:relative;width:124px;height:124px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#d5c8ff 0,#9d86ff 18%,#5548a4 43%,#171a36 72%);box-shadow:0 0 0 12px #8b5cf60a,0 0 60px #8b5cf64d,inset -12px -16px 28px #050715a6;transition:transform .25s,filter .25s}.voice-orb:before,.voice-orb:after{content:"";position:absolute;inset:-13px;border-radius:50%;border:1px solid #a78bfa4d}.voice-orb:after{inset:-23px;border-color:#67e8f91c}.voice-orb span{width:38px;height:38px;border-radius:50%;background:#e6e5ff;filter:blur(1px);box-shadow:0 0 27px #e6e5ffb0}.voice-orb i{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--cyan);right:21px;top:24px;box-shadow:0 0 16px var(--cyan)}.voice-orb.listening{animation:pulse 1.6s infinite}.voice-orb.speaking{filter:hue-rotate(38deg);transform:scale(1.04)}@keyframes pulse{0%,100%{box-shadow:0 0 0 12px #8b5cf60a,0 0 60px #8b5cf64d,inset -12px -16px 28px #050715a6}50%{box-shadow:0 0 0 22px #8b5cf610,0 0 82px #67e8f96b,inset -12px -16px 28px #050715a6}}.status-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:99px;padding:7px 12px;color:#c4cce0;background:#101421;font-size:12px;margin:12px 0 16px}.status-dot{width:7px;height:7px;border-radius:50%;background:#818ba3}.status-pill.active .status-dot{background:#67e8a5;box-shadow:0 0 9px #67e8a5}.status-pill.warning .status-dot{background:#fbbf24}h1{font-size:clamp(28px,6vw,40px);line-height:1.1;letter-spacing:-.04em;margin:0}h1 span{background:linear-gradient(90deg,#c4b5fd,#67e8f9);color:transparent;background-clip:text}.subtitle{color:#c0c7d8;margin:13px 0 6px}.hint{color:var(--muted);font-size:13px;margin:0}.hint b{color:#e7e4ff}.main-actions{display:flex;justify-content:center;gap:10px;margin-top:23px}.primary-button,.secondary-button{border-radius:13px;padding:12px 18px;border:1px solid transparent;font-weight:650;min-height:46px}.primary-button{background:linear-gradient(100deg,#b5a1ff,#76e6f2);color:#0a1020;box-shadow:0 8px 28px #8b5cf626}.primary-button:hover{filter:brightness(1.06)}.secondary-button{background:#151a2b;color:#d6dced;border-color:#30384e}.secondary-button:disabled{opacity:.45;cursor:not-allowed}.support-note{font-size:11px;color:#78839c;margin:13px 0 0}.conversation-panel,.settings-panel{border:1px solid var(--line);background:#0e1220d9;border-radius:20px;padding:19px;box-shadow:0 18px 55px #0002}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.section-heading h2{font-size:15px;margin:0}.section-heading p{font-size:11px;color:var(--muted);margin:5px 0 0}.text-button{border:0;background:transparent;color:#b8a8ff;font-size:12px;padding:8px}.messages{min-height:112px;max-height:360px;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:16px 0}.empty-state{text-align:center;color:#7f8aa4;font-size:12px;margin:auto;max-width:280px}.empty-state span{font-size:23px;color:#b7a7ff}.empty-state p{margin:7px 0}.message{max-width:90%;border-radius:14px;padding:11px 13px;font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.message.user{align-self:flex-end;background:#332c5c;border:1px solid #5d4c95}.message.assistant{align-self:flex-start;background:#171d2d;border:1px solid #29334a}.message .sender{font-size:10px;letter-spacing:.05em;color:#b9c4dc;margin-bottom:4px}.chat-form{display:flex;gap:8px;border-top:1px solid #252c40;padding-top:14px}.chat-form input,.settings-panel input:not([type=checkbox]),.settings-panel select{width:100%;min-width:0;background:#090d18;color:var(--text);border:1px solid #2a3349;border-radius:12px;padding:12px;outline:none}.chat-form input:focus,.settings-panel input:focus,.settings-panel select:focus{border-color:#a78bfa}.chat-form button{width:46px;flex-shrink:0;border:0;border-radius:12px;background:#b7a4ff;color:#101224;font-size:23px}.settings-panel{margin-top:16px}.settings-panel>label:not(.checkbox-row){display:block;font-size:12px;color:#bfc8dc;margin:15px 0 7px}.checkbox-row{display:flex;align-items:center;gap:9px;margin-top:14px;font-size:12px;color:#d5dbea}.checkbox-row input{accent-color:#a78bfa;width:16px;height:16px}.settings-warning{font-size:11px;line-height:1.55;color:#a5aec2;background:#151a2a;border-radius:10px;padding:11px}.full-button{width:100%;margin-top:7px}footer{display:flex;justify-content:space-between;gap:10px;color:#69758f;font-size:10px;padding:15px 4px 0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media(max-width:520px){.app-shell{width:min(100% - 22px,760px);padding-top:13px}.hero{padding:26px 0 23px}.conversation-panel,.settings-panel{padding:15px}.orb-wrap{height:145px}.voice-orb{width:112px;height:112px}footer{font-size:9px}.main-actions button{flex:1;max-width:170px}}