:root{--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--radius-md: 8px;--radius-lg: 12px;--color-bg: #f5f6f8;--color-surface: #ffffff;--color-border: #d8dbe0;--color-text: #1a1d21;--color-text-muted: #5a6270;--color-primary: #1f5fd6;--color-primary-hover: #1a4fb3;--color-primary-text: #ffffff;--color-user-bubble: #1f5fd6;--color-bot-bubble: #eef0f3;--color-error-bg: #fdecec;--color-error-border: #d6403a;--color-error-text: #8a1f1b;--color-warn-bg: #fff7e6;--color-warn-border: #c77f10;--color-warn-text: #7a4e00;--color-success-bg: #e9f6ec;--color-success-border: #2e8b50;--color-success-text: #1c5c33;--color-focus: #1f5fd6;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--shadow-md: 0 4px 12px rgba(16, 24, 40, .08);--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.app{display:flex;flex-direction:column;height:100%;max-width:760px;margin:0 auto;background:var(--color-surface);box-shadow:var(--shadow-md)}.app__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.app__title{font-size:1.125rem;font-weight:600;margin:0}.app__subtitle{font-size:.8125rem;color:var(--color-text-muted);margin:2px 0 0}.btn{font:inherit;font-weight:500;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.btn:disabled{cursor:not-allowed;opacity:.55}.btn--ghost{background:transparent;border-color:var(--color-border);color:var(--color-text);padding:var(--space-1) var(--space-3);font-size:.875rem}.btn--ghost:hover:not(:disabled){background:var(--color-bot-bubble)}.btn--ghost:active:not(:disabled){background:var(--color-border)}.btn--primary{background:var(--color-primary);color:var(--color-primary-text);padding:var(--space-2) var(--space-4)}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn--primary:active:not(:disabled){background:var(--color-primary-hover)}.messages{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.messages__empty{margin:auto;text-align:center;color:var(--color-text-muted);max-width:36ch}.messages__empty-title{font-weight:600;color:var(--color-text);margin-bottom:var(--space-1)}.msg{display:flex;flex-direction:column;max-width:80%}.msg--user{align-self:flex-end;align-items:flex-end}.msg--bot,.msg--error{align-self:flex-start;align-items:flex-start}.msg__role{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:var(--space-1);padding:0 var(--space-1)}.msg__bubble{padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);white-space:pre-wrap;overflow-wrap:anywhere}.msg--user .msg__bubble{background:var(--color-user-bubble);color:var(--color-primary-text);border-bottom-right-radius:var(--space-1)}.msg--bot .msg__bubble{background:var(--color-bot-bubble);color:var(--color-text);border-bottom-left-radius:var(--space-1)}.msg--error .msg__bubble{background:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error-text);border-bottom-left-radius:var(--space-1)}.typing{display:inline-flex;gap:var(--space-1);padding:var(--space-3);align-items:center}.typing__dot{width:8px;height:8px;border-radius:50%;background:var(--color-text-muted);animation:typing-bounce 1.2s infinite ease-in-out}.typing__dot:nth-child(2){animation-delay:.15s}.typing__dot:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}.composer{display:flex;gap:var(--space-2);align-items:flex-end;padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border)}.composer__input{flex:1;resize:none;font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);max-height:160px;min-height:44px}.composer__input:focus-visible{border-color:var(--color-primary);outline-offset:0}.composer__input::placeholder{color:var(--color-text-muted)}.composer .btn--primary{min-height:44px}.app__actions{display:flex;align-items:center;gap:var(--space-2)}.btn--sm{padding:var(--space-1) var(--space-3);font-size:.8125rem}.escalate-suggest,.escalate-success{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin:0 var(--space-4) var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:.875rem}.escalate-suggest{background:var(--color-warn-bg);border:1px solid var(--color-warn-border);color:var(--color-warn-text)}.escalate-success{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success-text)}.escalate-suggest__actions{display:flex;gap:var(--space-2);flex-shrink:0}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#10182873}.modal__card{position:relative;z-index:1;width:100%;max-width:440px;display:flex;flex-direction:column;gap:var(--space-2);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-4)}.modal__title{margin:0;font-size:1.0625rem;font-weight:600}.modal__desc{margin:0;font-size:.875rem;color:var(--color-text-muted)}.modal__question{margin:var(--space-1) 0;font-size:.875rem;background:var(--color-bot-bubble);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);overflow-wrap:anywhere}.modal__label{font-size:.8125rem;font-weight:600;margin-top:var(--space-1)}.modal__input{font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);min-height:44px}.modal__input:focus-visible{border-color:var(--color-primary);outline-offset:0}.modal__error{margin:0;font-size:.8125rem;color:var(--color-error-text);background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.modal__actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2)}@media(prefers-reduced-motion:reduce){*,.typing__dot{animation:none!important;transition:none!important}}