:root{--chat-bg: #0b1220;--chat-surface: #0f172a;--chat-border: #1e293b;--chat-accent: #38bdf8;--chat-user: #2563eb;--chat-bot: #1e293b;--chat-text: #e2e8f0;--chat-muted: #94a3b8}*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Segoe UI,sans-serif;background:radial-gradient(circle at top,#0f172a 0%,#0b1220 60%,#020617 100%);color:var(--chat-text);height:100vh}#root{height:100vh}.chat-shell{width:100%;max-width:520px;height:100vh;margin:0 auto;display:flex;flex-direction:column;background:var(--chat-surface);border-left:1px solid var(--chat-border);border-right:1px solid var(--chat-border)}.chat-header{padding:16px 16px 12px;border-bottom:1px solid var(--chat-border);display:flex;align-items:center;gap:12px;background:#0b1220}.chat-avatar{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#0ea5e9,#6366f1);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}.chat-title h1{font-size:1.05rem;margin:0}.chat-title span{font-size:.8rem;color:var(--chat-muted)}.chat-messages{flex:1;overflow-y:auto;padding:18px 14px 24px;display:flex;flex-direction:column;gap:12px}.chat-bubble{max-width:85%;padding:10px 12px;border-radius:14px;line-height:1.5;font-size:.95rem;white-space:pre-wrap}.chat-bubble.bot{background:var(--chat-bot);align-self:flex-start;border:1px solid #1f2a44}.chat-bubble.user{background:var(--chat-user);align-self:flex-end;color:#fff}.chat-meta{font-size:.7rem;color:var(--chat-muted);margin-top:4px;display:flex;align-items:center;gap:8px}.chat-copy{margin-inline-start:auto;background:transparent;border:none;color:var(--chat-muted);cursor:pointer;font-size:.8rem}.chat-copy:hover{color:var(--chat-accent)}.chat-quick{padding:8px 12px 12px;border-top:1px solid var(--chat-border);display:flex;gap:8px;flex-wrap:wrap;background:#0b1220}.chat-quick button{background:transparent;border:1px solid #334155;color:var(--chat-text);border-radius:999px;padding:6px 12px;font-size:.8rem}.chat-quick button:hover{border-color:var(--chat-accent);color:#fff}.chat-input{padding:12px;border-top:1px solid var(--chat-border);display:flex;gap:8px;align-items:center;background:#0b1220}.chat-input textarea{flex:1;background:#0b1220;color:var(--chat-text);border:1px solid #1e293b;border-radius:12px;padding:10px 12px;resize:none;min-height:44px}.chat-input button{background:linear-gradient(135deg,#0ea5e9,#6366f1);border:none;color:#fff;padding:10px 14px;border-radius:12px}.chat-warning{margin:12px 14px 0;padding:10px 12px;border-radius:12px;background:#991b1b;color:#fff;font-size:.85rem}.chat-suggestions{padding:0 12px 12px;display:flex;flex-direction:column;gap:6px;background:#0b1220;border-top:1px solid var(--chat-border)}.chat-suggestions button{background:#0f172a;border:1px solid #1e293b;color:var(--chat-text);border-radius:10px;padding:8px 10px;text-align:right}.chat-suggestions button:hover{border-color:var(--chat-accent)}.chat-state{margin:12px 14px 0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:#0f172a;border:1px solid #1e293b;border-radius:12px;font-size:.85rem}.chat-state button{background:transparent;border:1px solid #334155;color:var(--chat-text);border-radius:999px;padding:4px 10px;font-size:.8rem}.chat-state button:hover{border-color:var(--chat-accent)}@media (max-width: 600px){.chat-shell{border-left:none;border-right:none}.chat-messages{padding:14px 10px 20px}}