:root{color-scheme:dark;--bg:#020617;--panel:rgba(15,23,42,.92);--text:#e5eefb;--muted:#94a3b8;--border:rgba(148,163,184,.16);--accent:#38bdf8;--accent2:#60a5fa;--user1:#075985;--user2:#0c4a6e}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;background:radial-gradient(circle at top, rgba(56,189,248,.16), transparent 30%),linear-gradient(180deg,#020617 0%,#081120 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{min-height:100vh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.app-shell,.auth-shell{max-width:860px;margin:0 auto;padding:18px 14px 40px}.auth-shell{max-width:480px;display:flex;align-items:center;justify-content:center;min-height:100vh}.auth-body{background:linear-gradient(180deg,#020617 0%,#081120 100%)}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.brand-wrap{display:flex;gap:14px;align-items:center}.brand-mark{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(56,189,248,.22),rgba(96,165,250,.18));border:1px solid var(--border);font-size:1.35rem}.auth-brand{margin-bottom:16px}h1,h2,p{margin:0}h1{font-size:1.8rem;letter-spacing:-.03em}.subtitle{margin-top:4px;color:var(--muted)}.chat-shell,.auth-card{background:var(--panel);border:1px solid var(--border);box-shadow:0 20px 45px rgba(0,0,0,.25);backdrop-filter:blur(14px)}.chat-shell,.auth-card{border-radius:24px;overflow:hidden}.auth-card{padding:22px}.auth-copy{color:var(--muted);line-height:1.5;margin-bottom:16px}.login-form{display:flex;flex-direction:column;gap:10px}.login-form label{font-size:.92rem;color:var(--muted)}.login-form input,.composer input{width:100%;background:#111827;color:var(--text);border:1px solid var(--border);border-radius:14px;padding:14px 16px;font-size:1rem}.login-form button,.composer button,.logout-btn{border:0;border-radius:14px;padding:13px 16px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#082032;font-weight:700}.logout-btn{padding:10px 14px}.flash-list{margin-bottom:14px}.flash{padding:12px 14px;border-radius:14px;border:1px solid rgba(248,113,113,.3);background:rgba(127,29,29,.3);color:#fecaca}.chat-meta{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.92rem;padding:14px 16px;border-bottom:1px solid var(--border);background:rgba(2,6,23,.35)}.dot{width:10px;height:10px;border-radius:999px;background:#22c55e;box-shadow:0 0 12px rgba(34,197,94,.7)}.messages{padding:16px;display:flex;flex-direction:column;gap:14px;min-height:52vh;max-height:62vh;overflow:auto;scroll-behavior:smooth}.msg{display:flex;gap:10px;max-width:92%}.msg-user{margin-left:auto;justify-content:flex-end}.msg-avatar{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:rgba(56,189,248,.16);color:#7dd3fc;font-weight:700;flex:0 0 auto}.msg-bubble{background:#111827;border:1px solid var(--border);border-radius:18px;padding:12px 14px}.msg-user .msg-bubble{background:linear-gradient(180deg,var(--user1),var(--user2))}.msg-name{font-size:.78rem;color:#a5b4fc;margin-bottom:5px;font-weight:600}.msg-user .msg-name{color:#bae6fd}.msg-text{line-height:1.5;white-space:pre-wrap;word-break:break-word}.msg-time{margin-top:8px;font-size:.72rem;color:var(--muted);opacity:.85}.typing-row{padding:0 16px 14px}.typing-row.hidden{display:none}.typing-bubble{min-width:92px}.typing-dots{display:flex;gap:6px;align-items:center;padding:6px 0 2px}.typing-dots span{width:8px;height:8px;border-radius:999px;background:#7dd3fc;opacity:.45;animation:bounce 1.2s infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,100%{transform:translateY(0);opacity:.35}40%{transform:translateY(-4px);opacity:1}}.composer{display:flex;gap:10px;padding:14px;border-top:1px solid var(--border);background:rgba(2,6,23,.35);position:sticky;bottom:0}.composer button:disabled{opacity:.6}.hidden{display:none}@media (max-width:680px){.topbar{flex-direction:column}h1{font-size:1.6rem}.msg{max-width:100%}.messages{min-height:58vh;max-height:68vh}}

.topbar-actions{display:flex;gap:10px;align-items:center}.secondary-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:14px;border:1px solid rgba(148,163,184,.22);background:rgba(15,23,42,.65);color:#dbeafe;text-decoration:none;font-weight:600}.flash-success{border-color:rgba(34,197,94,.35);background:rgba(20,83,45,.35);color:#bbf7d0}
.quick-actions{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px}.action-chip{border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.75);color:#dbeafe;border-radius:999px;padding:10px 14px;font-weight:600}.action-chip:active{transform:translateY(1px)}