*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,sans-serif}html{--bg:#111216;--surface:#181a20;--raised:#22252d;--text:#f1f3f7;--muted:#9299a8;--line:#2c3039;--accent:#9d7aff;--user:#7656d4}html[data-theme=light]{--bg:#f6f6f8;--surface:#fff;--raised:#f0f0f4;--text:#1c1d22;--muted:#687080;--line:#dddde5;--accent:#6950c8;--user:#7251cc}body{background:var(--bg);color:var(--text)}button,textarea,select,input{font:inherit}button{cursor:pointer;border:0;color:inherit}button:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{height:100vh;display:flex;background:radial-gradient(circle at 80% 0,#2d204733,transparent 30%),var(--bg)}aside{width:296px;background:#0c0d10;border-right:1px solid var(--line);padding:20px 12px;display:flex;flex-direction:column;gap:16px;overflow:auto}.brand{font-weight:900;letter-spacing:1px;padding:4px 10px}.brand span{color:#ad8cff}.brand small{display:block;color:var(--muted);font-size:11px;font-weight:500;letter-spacing:0}.new{padding:12px;background:var(--raised);border:1px solid var(--line);border-radius:10px;text-align:left}.characters{display:grid;gap:4px}.character{padding:9px;display:flex;gap:10px;text-align:left;background:transparent;border-radius:10px}.character:hover,.character.active,.history button.active{background:var(--raised)}.character b{height:34px;width:34px;display:grid;place-items:center;border-radius:9px;background:#332b4b}.character span{font-size:14px}.character small{display:block;font-size:11px;color:var(--muted);line-height:1.3;margin-top:3px}.history{border-top:1px solid var(--line);padding-top:13px;display:grid;gap:4px}.history label{font-size:10px;color:var(--muted);letter-spacing:.1em;margin:0 8px}.history button{background:transparent;padding:9px;border-radius:7px;color:var(--muted);font-size:13px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat{flex:1;min-width:0;display:flex;flex-direction:column}header{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;gap:12px;background:color-mix(in srgb,var(--surface) 85%,transparent)}header .avatar{font-size:25px;background:var(--raised);width:40px;height:40px;border-radius:12px;display:grid;place-items:center}header strong,header small{display:block}header small{font-size:12px;color:#70d39b;margin-top:2px}.header-actions{margin-left:auto;display:flex;gap:7px}.icon{background:transparent;border-radius:9px;padding:8px;color:var(--muted)}.icon:hover{background:var(--raised);color:var(--text)}.messages{overflow:auto;flex:1;padding:30px max(6vw,24px);scroll-behavior:smooth}.message{max-width:800px;margin:0 auto 22px;display:flex}.message.user{justify-content:flex-end}.bubble{max-width:min(78%,650px);background:var(--surface);border:1px solid var(--line);padding:12px 15px;border-radius:7px 16px 16px;line-height:1.55;font-size:15px}.user .bubble{background:var(--user);border-color:transparent;border-radius:16px 7px 16px 16px}.bubble p{margin:0 0 10px}.bubble p:last-child{margin-bottom:0}.bubble pre{overflow:auto;background:#0b0c10;padding:12px;border-radius:8px}.message-tools{opacity:0;transition:.15s;margin-top:8px;border-top:1px solid #ffffff22;padding-top:5px}.bubble:hover .message-tools{opacity:1}.typing{display:flex;gap:5px}.typing i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:bounce .8s infinite alternate}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}@keyframes bounce{to{transform:translateY(-5px)}}.composer{display:flex;gap:10px;align-items:end;max-width:900px;width:calc(100% - 48px);margin:10px auto 0;padding:10px 12px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}textarea{min-height:27px;max-height:180px;resize:vertical;flex:1;background:transparent;color:var(--text);border:0;outline:0}.send{height:34px;width:34px;border-radius:50%;background:var(--accent);font-weight:700}.send:disabled{opacity:.4}.disclaimer{text-align:center;font-size:11px;color:var(--muted)}.error{margin:0 auto;color:#ffb5b5;background:#592a2a;padding:8px 12px;border-radius:8px;font-size:13px}.error button{float:right;background:transparent;margin-left:15px}.empty{margin:18vh auto;color:var(--muted)}.modal,.voice-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#090a0cbb;z-index:10;display:grid;place-items:center;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.panel{width:min(440px,calc(100vw - 36px));background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:26px;position:relative;display:grid;gap:19px}.close{position:absolute;right:15px;top:12px;background:transparent;font-size:24px;color:var(--muted)}.panel h2{margin:0}.panel label{display:grid;gap:8px;color:var(--muted);font-size:13px}.panel select{background:var(--raised);color:var(--text);border:1px solid var(--line);padding:9px;border-radius:7px}.panel .toggle{display:flex;justify-content:space-between}.hint{font-size:12px;color:var(--muted);margin:0}.voice-overlay{color:#fff;text-align:center;align-content:center}.voice-overlay h2{margin:18px 0 2px}.voice-overlay p{color:#b9b2cc}.orb{width:170px;height:170px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#caaaff,#6d45d5 45%,#1d1545);display:grid;place-items:center;font-size:68px;box-shadow:0 0 60px #865cff55;transition:.25s}.orb.listening{animation:pulse 1.2s infinite}@keyframes pulse{50%{transform:scale(1.1);box-shadow:0 0 100px #9e78ff}}.transcript{width:min(620px,88vw);min-height:65px;background:#ffffff10;border:1px solid #ffffff22;border-radius:12px;padding:16px;text-align:left;color:#ddd;margin:25px auto}.voice-actions{display:flex;gap:10px;justify-content:center}.voice-actions button{background:#fff;color:#17131f;padding:11px 16px;border-radius:10px}.voice-actions button:disabled{opacity:.4}@media(max-width:700px){aside{width:76px;padding:15px 8px}.brand{font-size:0;padding:0;text-align:center}.brand span{font-size:13px}.brand small,.character span,.history{display:none}.new{font-size:0;text-align:center}.new:first-letter{font-size:20px}.character{justify-content:center;padding:8px}header{padding:0 15px}.messages{padding:20px 14px}.bubble{max-width:90%}.composer{width:calc(100% - 20px)}}.composer button[title="Voice input"]{width:38px;height:38px;padding:0;flex:0 0 38px;border-radius:50%;overflow:hidden;background:url(/mic.png) center/cover no-repeat;font-size:0;box-shadow:0 2px 7px #0004}.composer button[title="Voice input"]:hover{transform:scale(1.06)}