:root{font-family:system-ui,-apple-system,sans-serif;line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}.app{max-width:640px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background:var(--bg, #0f0f12);color:var(--fg, #e4e4e7)}.header{padding:1rem 1.25rem;border-bottom:1px solid var(--border, #27272a)}.header h1{font-size:1.25rem;font-weight:600;margin:0}.subtitle{font-size:.8125rem;color:var(--muted, #a1a1aa);margin:.25rem 0 0}.chat{flex:1;display:flex;flex-direction:column;min-height:0}.messages{flex:1;overflow-y:auto;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.message{display:flex;flex-direction:column;gap:.25rem;max-width:85%}.message.user{align-self:flex-end}.message.bot{align-self:flex-start}.message.placeholder .bubble{color:var(--muted, #a1a1aa);font-size:.875rem}.label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted, #71717a)}.message.user .label{text-align:right}.bubble{padding:.625rem .875rem;border-radius:12px;font-size:.9375rem;line-height:1.45;white-space:pre-wrap;word-break:break-word}.message.user .bubble{background:var(--accent, #3b82f6);color:#fff}.message.bot .bubble{background:var(--surface, #18181b);border:1px solid var(--border, #27272a)}.bubble.typing{color:var(--muted, #71717a)}.options{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border, #27272a)}.option-badge{padding:.4rem .75rem;font-size:.8125rem;font-weight:500;border:1px solid var(--accent, #3b82f6);border-radius:999px;background:transparent;color:var(--accent, #3b82f6);cursor:pointer;transition:background .15s,color .15s}.option-badge:hover:not(:disabled){background:var(--accent, #3b82f6);color:#fff}.option-badge:disabled{opacity:.5;cursor:not-allowed}.error{padding:.5rem 1.25rem;font-size:.8125rem;color:#f87171;background:#f871711a}.form{display:flex;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid var(--border, #27272a)}.input{flex:1;padding:.625rem .875rem;font-size:.9375rem;border:1px solid var(--border, #27272a);border-radius:10px;background:var(--surface, #18181b);color:var(--fg, #e4e4e7);outline:none}.input:focus{border-color:var(--accent, #3b82f6)}.input::placeholder{color:var(--muted, #71717a)}.input:disabled{opacity:.6;cursor:not-allowed}.send{padding:.625rem 1rem;font-size:.9375rem;font-weight:500;border:none;border-radius:10px;background:var(--accent, #3b82f6);color:#fff;cursor:pointer}.send:hover:not(:disabled){filter:brightness(1.1)}.send:disabled{opacity:.5;cursor:not-allowed}