:root{--bg: #14171c;--panel: #1b1f26;--border: #2a2f38;--text: #e8e9ec;--muted: #8a8f98;--accent: #5fd1c0;--accent-dim: rgba(95, 209, 192, .15);--user-bubble: #262b34}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,Segoe UI,Inter,system-ui,sans-serif;display:flex;align-items:center;justify-content:center}.app{width:100%;max-width:640px;height:100vh;max-height:780px;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden}header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:4px}header .eyebrow{font-family:SF Mono,Cascadia Code,Consolas,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}header h1{font-size:18px;font-weight:600;margin:0}#messages{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.msg{max-width:85%;display:flex;flex-direction:column;gap:6px}.msg.user{align-self:flex-end;align-items:flex-end}.msg.bot{align-self:flex-start;align-items:flex-start}.bubble{padding:12px 16px;border-radius:14px;line-height:1.5;font-size:14.5px;white-space:pre-wrap}.msg.user .bubble{background:var(--user-bubble);border-bottom-right-radius:4px}.msg.bot .bubble{background:var(--accent-dim);border:1px solid rgba(95,209,192,.25);border-bottom-left-radius:4px}.typing{align-self:flex-start;color:var(--muted);font-size:13px;font-style:italic;padding-left:4px}form{display:flex;gap:10px;padding:16px 20px;border-top:1px solid var(--border)}input[type=text]{flex:1;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:12px 14px;border-radius:10px;font-size:14px;outline:none}input[type=text]:focus{border-color:var(--accent)}button{background:var(--accent);color:#0d1210;border:none;padding:0 20px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}#messages::-webkit-scrollbar{width:6px}#messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}