:root{color-scheme:dark;--bg:#080b12;--panel:#0d111b;--line:#202a3d;--text:#f4f7fb;--muted:#8d99ad;--danger:#f87171;--sidebar:310px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--bg);color:var(--text)}button,input,textarea{font:inherit}button{color:inherit}.hidden{display:none!important}.app-shell{height:100dvh;display:grid;grid-template-columns:var(--sidebar) 1fr;background:radial-gradient(circle at 70% 0%,#111b30 0,transparent 34%),var(--bg)}
.sidebar{min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--line);background:rgba(10,14,23,.96);padding:18px 14px}.sidebar-head,.sidebar-foot,.topbar{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:700}.brand-mark{width:52px;height:52px;display:grid;place-items:center;border:1px solid #4a5f85;border-radius:16px;background:linear-gradient(145deg,#172238,#0b101b);box-shadow:inset 0 1px 0 #ffffff12,0 14px 50px #0008;color:#93c5fd;font-weight:800}.brand-mark.small{width:34px;height:34px;border-radius:11px}.new-chat,.primary{border:0;border-radius:12px;background:linear-gradient(135deg,#2563eb,#6d28d9);box-shadow:0 8px 28px #1d4ed833;font-weight:700}.new-chat{width:100%;margin:22px 0 12px;padding:13px;text-align:left;cursor:pointer}.new-chat span{margin-right:8px}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#0a0f19;border-radius:11px;padding:0 12px}.search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);padding:11px 0}.chat-list{overflow:auto;flex:1;margin-top:12px}.chat-row{display:grid;grid-template-columns:1fr auto;gap:4px;padding:11px 9px;border-radius:10px;margin-bottom:3px;cursor:pointer;border:1px solid transparent}.chat-row:hover,.chat-row.active{background:#151c2b;border-color:#202b40}.chat-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.91rem}.chat-row small{grid-column:1;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-actions{grid-row:1/3;grid-column:2;display:flex;align-items:center;gap:2px}.tiny{border:0;background:transparent;color:var(--muted);padding:5px;cursor:pointer;border-radius:6px}.tiny:hover{background:#243047;color:var(--text)}.sidebar-foot{border-top:1px solid var(--line);padding:15px 8px 0}.sidebar-foot div{display:flex;flex-direction:column}.sidebar-foot small{color:var(--muted);margin-top:3px}.icon-button{border:0;background:transparent;border-radius:9px;padding:8px;cursor:pointer}.icon-button:hover{background:#1a2232}.conversation{min-width:0;height:100dvh;display:grid;grid-template-rows:64px 1fr auto}.topbar{border-bottom:1px solid var(--line);padding:0 24px;background:#090d15aa;backdrop-filter:blur(14px)}.chat-title{max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;background:transparent;font-weight:700;cursor:pointer}.model-status{font-size:.78rem;color:var(--muted);display:flex;align-items:center;gap:7px}.model-status span{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 10px #34d399}.messages{overflow:auto;padding:32px max(24px,calc((100% - 850px)/2));scroll-behavior:smooth}.empty-state{height:100%;min-height:340px;display:grid;place-content:center;text-align:center}.empty-state .orb{width:74px;height:74px;margin:auto;display:grid;place-items:center;border-radius:24px;background:radial-gradient(circle at 30% 20%,#4d79bd,#161d30 70%);box-shadow:0 20px 70px #1d4ed844;font-size:1.5rem;font-weight:800}.empty-state h2{font-size:1.65rem;margin:24px 0 8px}.empty-state p{color:var(--muted);margin:0}.message{display:grid;grid-template-columns:36px 1fr;gap:14px;margin:0 0 28px}.avatar{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:#131a28;font-size:.7rem;font-weight:800}.message.user .avatar{background:#182849;color:#bfdbfe}.message-body{min-width:0;line-height:1.72;color:#e7ebf3;overflow-wrap:anywhere}.message-body p{margin:0 0 12px}.message-body pre{overflow:auto;background:#05070c;border:1px solid var(--line);padding:16px;border-radius:12px;color:#dbeafe}.message-body code{font-family:"SFMono-Regular",Consolas,monospace;background:#171f2f;border-radius:5px;padding:2px 5px}.message-body pre code{background:transparent;padding:0}.thinking{color:var(--muted);animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.45}}.composer-wrap{padding:12px max(24px,calc((100% - 850px)/2)) 14px;background:linear-gradient(transparent,#080b12 20%)}.composer{display:grid;grid-template-columns:1fr 44px;gap:10px;align-items:end;border:1px solid #2b3851;border-radius:17px;background:#101622;padding:10px;box-shadow:0 18px 50px #0006}.composer:focus-within{border-color:#4a69a4}.composer textarea{resize:none;max-height:180px;min-height:24px;border:0;outline:0;background:transparent;color:var(--text);padding:9px 8px;line-height:1.45}.send{width:42px;height:42px;border:0;border-radius:12px;background:#e8eefc;color:#0a1020;font-size:1.25rem;font-weight:900;cursor:pointer}.send:disabled{opacity:.35;cursor:not-allowed}.disclaimer{text-align:center;color:#667085;font-size:.72rem;margin:8px 0 0}.login-shell{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,#192748 0,transparent 38%),#070a10}.login-card{width:min(400px,100%);padding:38px;border:1px solid #27334a;border-radius:24px;background:#0d121ddd;box-shadow:0 30px 100px #000a}.login-card .brand-mark{margin-bottom:28px}.eyebrow{color:#7aa7ed;letter-spacing:.18em;font-size:.72rem;font-weight:800}.login-card h1{font-size:2rem;margin:5px 0 28px}.login-card form{display:grid;gap:16px}.login-card label{display:grid;gap:7px;color:#b9c2d1;font-size:.85rem}.login-card input,dialog input{border:1px solid var(--line);border-radius:11px;background:#080c14;color:var(--text);padding:13px;outline:0}.login-card input:focus,dialog input:focus{border-color:#4f73b3}.login-card .primary{padding:13px;margin-top:5px}.form-error{min-height:20px;color:var(--danger);font-size:.85rem;margin:0}dialog{width:min(440px,calc(100% - 32px));border:1px solid var(--line);border-radius:18px;background:#111827;color:var(--text);padding:24px}dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}dialog h3{margin-top:0}dialog input{width:100%}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.dialog-actions button{border:1px solid var(--line);background:#172033;border-radius:10px;padding:9px 14px}.dialog-actions .primary{border:0}.mobile-only,.scrim{display:none}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:min(88vw,330px);transform:translateX(-102%);transition:transform .22s ease;box-shadow:20px 0 70px #000a}.sidebar.open{transform:none}.scrim.open{display:block;position:fixed;z-index:19;inset:0;background:#0009}.mobile-only{display:block}.conversation{height:100dvh}.topbar{padding:0 12px}.model-status{font-size:0}.model-status span{width:8px;height:8px}.messages{padding:24px 17px}.composer-wrap{padding:10px 12px max(10px,env(safe-area-inset-bottom))}.message{grid-template-columns:30px 1fr;gap:10px}.avatar{width:30px;height:30px}.login-card{padding:28px 22px}}