:root{--bg:#1e1e2e;--surface:#313244;--surface-hover:#45475a;--panel:#181825;--border:#45475a;--text:#cdd6f4;--muted:#a6adc8;--heading:#f5e0dc;--accent:#cba6f7;--accent-strong:#b4befe;--accent-soft:#cba6f738;--success:#a6e3a1;--success-bg:#a6e3a124;--shadow:0 18px 50px #11111b57;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--text);background:var(--bg);font:16px/1.5 var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:radial-gradient(circle at top left, #cba6f729, transparent 34rem), radial-gradient(circle at bottom right, #89b4fa1f, transparent 30rem), var(--bg);min-width:320px;min-height:100svh;margin:0}button,textarea{font:inherit}h1,h2,p{margin:0}h1,h2{color:var(--heading);line-height:1.1}h1{max-width:10ch;font-size:34px}h2{font-size:24px}#root{min-height:100svh}.chat-shell{min-height:100svh;color:var(--text);background:linear-gradient(#1e1e2eb8,#181825f0),0 0}.chat-panel{background:#1e1e2ec7;border-inline:1px solid #45475a8a;grid-template-rows:1fr auto;width:min(920px,100%);min-height:100svh;margin:0 auto;display:grid}.message-list{flex-direction:column;gap:18px;min-height:0;padding:36px 28px;display:flex;overflow-y:auto}.welcome-state{text-align:center;flex:1;align-content:center;place-items:center;gap:28px;min-height:100%;display:grid}.eyebrow{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}.suggestions{flex-wrap:wrap;justify-content:center;gap:10px;max-width:640px;display:flex}.suggestions button,.composer button{min-height:42px;font:inherit;cursor:pointer;border:0;border-radius:999px;font-weight:700}.suggestions button{color:var(--text);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);padding:10px 16px}.suggestions button:hover{border-color:var(--accent);color:var(--accent);background:var(--surface-hover)}.message{align-items:flex-start;gap:12px;max-width:760px;display:flex}.message-user{flex-direction:row-reverse;align-self:flex-end}.message-avatar{width:38px;height:38px;color:var(--accent);background:var(--panel);border:1px solid var(--border);border-radius:8px;flex:0 0 38px;place-items:center;font-size:12px;font-weight:800;display:grid}.message-user .message-avatar{color:var(--panel);background:var(--accent);border-color:var(--accent)}.message-content{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);text-align:left;border-radius:8px;padding:14px 16px}.message-user .message-content{color:var(--panel);background:var(--accent);border-color:var(--accent)}.message-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:20px;margin-bottom:7px;font-size:13px;display:flex}.message-user .message-meta{color:#181825ad}.message-meta strong{color:var(--heading)}.message-user .message-meta strong{color:var(--panel)}.message-content p{margin:0}.typing{align-items:center;gap:6px;min-width:72px;min-height:24px;display:inline-flex}.typing span{background:var(--accent);border-radius:999px;width:7px;height:7px;animation:1s ease-in-out infinite pulse}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}.composer{border-top:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#181825e6;padding:18px 28px 24px}.composer label{color:var(--heading);margin-bottom:8px;font-weight:700;display:block}.composer-row{grid-template-columns:1fr auto;gap:12px;display:grid}.composer textarea{box-sizing:border-box;resize:vertical;width:100%;min-height:48px;max-height:160px;color:var(--heading);background:var(--surface);border:1px solid var(--border);font:inherit;border-radius:8px;padding:12px 14px}.composer textarea:focus{border-color:var(--accent);outline:3px solid var(--accent-soft)}.composer button{min-width:84px;color:var(--panel);background:var(--accent);border-radius:8px;align-self:end;padding:0 18px}.composer button:hover:not(:disabled){background:var(--accent-strong)}button:disabled{cursor:not-allowed;opacity:.55}@keyframes pulse{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@media (width<=560px){.message-list,.composer{padding-inline:16px}.welcome-state{gap:22px}.suggestions{width:100%;display:grid}.composer-row{grid-template-columns:1fr}.message,.message-user{max-width:100%}.message-avatar{flex-basis:34px;width:34px;height:34px}}