:root{--bg:#10111a;--panel:#191b29;--panel2:#242638;--text:#f5f5f8;--muted:#999daf;--line:#303246;--accent:#a78bfa}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,sans-serif}.layout{display:flex;min-height:100dvh}aside{width:260px;flex-shrink:0;background:#141622;border-right:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column;gap:20px}.brand{display:flex;align-items:center;gap:11px}.brand b,.orb{background:linear-gradient(135deg,#8b5cf6,#22c7b8);display:grid;place-items:center;color:white}.brand b{width:40px;height:40px;border-radius:13px;font-size:23px}.brand strong,.brand small{display:block}.brand small{color:var(--muted);font-size:11px}.new,button{cursor:pointer;color:inherit;font:inherit}.new{padding:12px;border:1px solid #594b85;border-radius:11px;background:#29233e;text-align:left}#history{display:flex;flex-direction:column;gap:5px;overflow:auto;flex:1}.historyitem,.bottom button{background:transparent;border:0;color:#c6c8d5;text-align:left;padding:10px;border-radius:9px}.historyitem.active,.historyitem:hover{background:var(--panel2)}.muted,small{color:var(--muted)}.bottom{display:grid;gap:4px}main{flex:1;min-width:0;display:flex;flex-direction:column;min-height:100dvh}header{height:62px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-weight:700}header button,#close{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 12px;color:var(--text)}.mobile{display:none}.chat{width:min(850px,100%);margin:auto;flex:1;padding:18px 24px;display:flex;flex-direction:column}.model{display:flex;align-items:center;gap:10px;margin:0 auto 20px;width:min(600px,100%)}.model label{font-size:10px;letter-spacing:1px;color:var(--muted);font-weight:bold}.model select{flex:1;min-width:0;padding:9px;background:var(--panel2);border:1px solid var(--line);border-radius:9px;color:var(--text)}#status{font-size:11px}#welcome{margin:auto auto 8vh;text-align:center}#welcome h1{font-size:clamp(27px,4vw,38px);margin:15px 0 5px}#welcome p{color:var(--muted)}.orb{width:62px;height:62px;border-radius:20px;margin:auto;font-size:30px}.chips{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:22px}.chips button{border:1px solid var(--line);background:var(--panel);border-radius:99px;padding:9px 13px;font-size:12px}#messages{display:flex;flex-direction:column;gap:16px;padding-bottom:20px}.msg{max-width:86%;white-space:pre-wrap;overflow-wrap:anywhere;padding:13px 16px;border-radius:16px;background:var(--panel);border:1px solid var(--line)}.msg.user{align-self:flex-end;background:#2b2740;border-color:#4a4165}.msg.assistant{align-self:flex-start}footer{width:min(850px,100%);margin:0 auto;padding:12px 24px 20px}form{background:var(--panel);border:1px solid #3a3c50;border-radius:18px;padding:12px}textarea{width:100%;resize:none;max-height:160px;background:transparent;border:0;outline:0;color:var(--text);font:inherit;padding:4px}form div{display:flex;justify-content:space-between;align-items:center}form small,.legal{font-size:10px;color:var(--muted)}#send,#save{border:0;border-radius:10px;padding:7px 14px;background:linear-gradient(135deg,#9b7af6,#5bd8c7);color:#171522;font-size:20px;font-weight:bold}#send:disabled{opacity:.5}.legal{display:block;text-align:center;margin-top:7px}#modal{position:fixed;inset:0;background:#0009;display:grid;place-items:center;padding:16px}#modal[hidden]{display:none}#modal section{width:min(500px,100%);background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 20px 70px #0008}#modal label{display:block;font-weight:bold;font-size:12px;margin:18px 0 7px}#modal input{width:100%;padding:12px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:9px}#modal p{font-size:12px;color:var(--muted)}.modalhead{display:flex;justify-content:space-between;align-items:center}.modalhead h2{margin:0}hr{border:0;border-top:1px solid var(--line);margin:20px 0}.warning{border-left:3px solid #eab66a;padding-left:12px;margin:16px 0}#save{width:100%;font-size:14px;padding:12px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#34364b;padding:10px 16px;border-radius:10px;display:none;font-size:12px}body.light{--bg:#f5f6fb;--panel:#fff;--panel2:#eef0f7;--text:#202235;--muted:#70758b;--line:#e1e3ec}body.light aside{background:#fff}body.light .msg.user{background:#eeebfb;color:#202235}@media(max-width:700px){aside{position:fixed;z-index:4;inset:0 auto 0 0;transform:translateX(-110%);transition:.2s;box-shadow:0 10px 40px #0008}aside.open{transform:translateX(0)}.mobile{display:block}header{height:56px;padding:0 14px}.chat{padding:14px 13px}footer{padding:10px 12px max(14px,env(safe-area-inset-bottom))}.msg{max-width:95%}.model{flex-wrap:wrap}.model select{max-width:none}.model small{width:100%;padding-left:45px}}
#authModal{position:fixed;inset:0;background:#0009;display:grid;place-items:center;padding:16px;z-index:10}#authModal[hidden]{display:none}#authModal section{width:min(440px,100%);background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 20px 70px #0008}#authModal label{display:block;font-size:12px;font-weight:bold;margin:14px 0 6px}#authModal input,#authModal select{width:100%;padding:12px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:9px}#authModal p{font-size:12px;color:var(--muted)}#authSubmit{width:100%;padding:12px;border:0;border-radius:10px;background:linear-gradient(135deg,#9b7af6,#5bd8c7);font-weight:bold;color:#171522}
