*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0f1117;--surface: #1a1d27;--surface-hover: #242736;--border: #2a2d3a;--text: #e4e6ed;--text-muted: #8b8fa3;--accent: #6366f1;--accent-hover: #818cf8;--accent-subtle: rgba(99, 102, 241, .12);--user-bg: #1e3a5f;--assistant-bg: #1a1d27;--success: #34d399;--radius: 10px;--radius-lg: 16px}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100%;max-width:860px;margin:0 auto}.app-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.app-title{font-size:1.35rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.app-subtitle{font-size:.82rem;color:var(--text-muted);margin-top:2px}.header-controls{display:flex;align-items:center;gap:12px}.mode-selector{display:flex;gap:4px;background:var(--surface);padding:3px;border-radius:var(--radius);border:1px solid var(--border)}.mode-btn{padding:6px 14px;font-size:.78rem;font-weight:500;border:none;border-radius:7px;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s ease;white-space:nowrap}.mode-btn:hover{background:var(--surface-hover);color:var(--text)}.mode-btn.active{background:var(--accent);color:#fff}.reset-btn{padding:7px 16px;font-size:.78rem;font-weight:500;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text-muted);cursor:pointer;transition:all .15s ease;white-space:nowrap}.reset-btn:hover{background:var(--surface-hover);color:var(--text);border-color:var(--text-muted)}.chat-window{flex:1;display:flex;flex-direction:column;min-height:0}.message-list{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px}.message-list.empty-state{justify-content:center;align-items:center}.welcome{text-align:center;max-width:480px}.welcome h2{font-size:1.5rem;font-weight:700;margin-bottom:8px}.welcome p{color:var(--text-muted);font-size:.9rem;margin-bottom:16px}.suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px}.suggestion{padding:8px 16px;background:var(--accent-subtle);color:var(--accent-hover);border-radius:20px;font-size:.8rem;cursor:default}.hint-text{font-size:.82rem;color:var(--text-muted)}.message{display:flex;gap:12px;align-items:flex-start}.message-avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.message.user .message-avatar{background:var(--user-bg);color:#93c5fd}.message.assistant .message-avatar{background:var(--accent-subtle);color:var(--accent-hover)}.message-body{flex:1;min-width:0}.intent-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:var(--accent-subtle);color:var(--accent-hover);margin-bottom:6px}.message-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 18px;font-size:.9rem;line-height:1.7;white-space:pre-wrap;word-wrap:break-word}.message.user .message-content{background:var(--user-bg);border-color:#2a4a6e}.loading-dots{display:flex;gap:5px;padding:18px 20px}.loading-dots span{width:8px;height:8px;border-radius:50%;background:var(--text-muted);animation:bounce 1.2s infinite ease-in-out}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.message-input{padding:16px 24px 24px;display:flex;gap:10px;align-items:flex-end;border-top:1px solid var(--border)}.message-input textarea{flex:1;resize:none;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);padding:12px 16px;font-size:.9rem;font-family:inherit;line-height:1.5;outline:none;transition:border-color .15s ease;max-height:150px}.message-input textarea:focus{border-color:var(--accent)}.message-input textarea::placeholder{color:var(--text-muted)}.send-btn{flex-shrink:0;width:44px;height:44px;border:none;border-radius:50%;background:var(--accent);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.send-btn:hover:not(:disabled){background:var(--accent-hover);transform:scale(1.05)}.send-btn:disabled{opacity:.4;cursor:not-allowed}.message-list::-webkit-scrollbar{width:6px}.message-list::-webkit-scrollbar-track{background:transparent}.message-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@media(max-width:640px){.app-header{flex-direction:column;align-items:flex-start;padding:16px}.header-controls{width:100%;flex-wrap:wrap}.mode-selector{flex-wrap:wrap;flex:1}.mode-btn{flex:1;text-align:center;padding:6px 8px;font-size:.72rem}.message-list{padding:16px}.message-input{padding:12px 16px 16px}}