:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1020;--surface:#151b2e;--surface-2:#1c2440;--border:#2a3350;--text:#eef1f8;--muted:#94a0bd;--accent:#a78bfa;--accent-2:#38bdf8;--danger:#f87171;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{height:100%}body{background:radial-gradient(1200px 600px at 50% -10%, #1b2250 0%, var(--bg) 60%) fixed;color:var(--text);margin:0}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}.splash{min-height:100dvh}.brand-mark{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#0b1020;border-radius:14px;place-items:center;width:48px;height:48px;font-size:1.4rem;display:grid}.brand-mark.small{border-radius:9px;width:28px;height:28px;font-size:.9rem}.login{place-items:center;min-height:100dvh;padding:16px;display:grid}.login-card{background:color-mix(in srgb, var(--surface) 90%, transparent);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:14px;width:100%;max-width:380px;padding:32px 28px;display:flex;box-shadow:0 20px 60px #0006}.login-card h1{margin:8px 0 0;font-size:1.4rem}.login-sub{color:var(--muted);margin:0 0 6px;font-size:.95rem}.login-card label{color:var(--muted);flex-direction:column;gap:6px;font-size:.85rem;display:flex}.login-card input{background:var(--bg);border:1px solid var(--border);border-radius:12px;outline:none;padding:12px 14px}.login-card input:focus,.composer:focus-within{border-color:var(--accent)}.form-error{color:var(--danger);margin:0;font-size:.9rem}.primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#0b1020;border:0;border-radius:12px;padding:12px 16px;font-weight:600}.primary:disabled{opacity:.7;cursor:wait}.app{flex-direction:column;max-width:820px;height:100dvh;margin:0 auto;display:flex}.topbar{justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.topbar-title{align-items:center;gap:10px;font-weight:600;display:flex}.topbar-actions{align-items:center;gap:8px;display:flex}.topbar-user{color:var(--muted);font-size:.9rem}.ghost{border:1px solid var(--border);color:var(--muted);background:0 0;border-radius:999px;padding:6px 12px;font-size:.85rem}.ghost:hover{color:var(--text);border-color:var(--accent)}.thread{flex:1;padding:8px 16px 16px;overflow-y:auto}.welcome{text-align:center;flex-direction:column;align-items:center;gap:8px;padding-top:8vh;display:flex}.welcome h1{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2rem}.welcome p{max-width:440px;color:var(--muted);margin:0 0 20px}.suggestions{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;width:100%;display:grid}.suggestion{background:var(--surface);border:1px solid var(--border);color:var(--text);text-align:left;border-radius:14px;padding:14px;font-size:.92rem;transition:border-color .15s,transform .15s}.suggestion:hover{border-color:var(--accent);transform:translateY(-2px)}.messages{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.msg{flex-direction:column;gap:4px;max-width:88%;display:flex}.msg.user{align-self:flex-end;align-items:flex-end}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:18px;padding:12px 16px;line-height:1.55}.msg.user .bubble{background:linear-gradient(135deg,#6d4fd6,#3b82f6);border-bottom-right-radius:6px}.msg.assistant .bubble{background:var(--surface);border:1px solid var(--border);white-space:normal;border-bottom-left-radius:6px}.msg.error .bubble{border-color:var(--danger);color:var(--danger)}.bubble>:first-child{margin-top:0}.bubble>:last-child{margin-bottom:0}.bubble p,.bubble ul,.bubble ol{margin:.5em 0}.bubble table{border-collapse:collapse;max-width:100%;font-size:.9rem;display:block;overflow-x:auto}.bubble th,.bubble td{border:1px solid var(--border);text-align:left;white-space:nowrap;padding:6px 10px}.bubble th{background:var(--surface-2)}.tools{color:var(--muted);margin:0 6px;font-size:.78rem}.typing{gap:5px;padding:16px;display:flex}.typing span{background:var(--muted);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite blink}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}.composer{background:var(--surface);border:1px solid var(--border);border-radius:22px;align-items:flex-end;gap:8px;margin:0 16px 16px;padding:8px 8px 8px 16px;display:flex}.composer textarea{resize:none;background:0 0;border:0;outline:none;flex:1;max-height:180px;padding:8px 0}.send{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#0b1020;border:0;border-radius:50%;flex:none;width:40px;height:40px;font-size:1.2rem;font-weight:700}.send:disabled{opacity:.35;cursor:default}@media (max-width:520px){.topbar-user{display:none}.msg{max-width:94%}}