:root{--bg:#fafafa;--bg-secondary:#fff;--bg-tertiary:#f0f0f5;--bg-input:#fff;--bg-surface:#f5f5fa;--border:#e5e5ea;--border-focus:#0d9488;--text-main:#1a1a2e;--text-secondary:#555570;--text-muted:#8b8b9e;--accent:#0d9488;--accent-light:#14b8a6;--accent-glow:#0d948826;--accent-subtle:#0d948814;--success:#0d9488;--warning:#d97706;--error:#dc2626;--radius:12px;--radius-sm:8px;--radius-lg:16px;--font-heading:"Outfit", sans-serif;--font-body:"Manrope", sans-serif;--font-mono:"SF Mono", "Fira Code", "Cascadia Code", "Consolas", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.7}::selection{background:var(--accent);color:#fff}h1,h2,h3{font-family:var(--font-heading);letter-spacing:-.025em;color:var(--text-main);font-weight:500}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea{color:inherit;font-family:inherit}.app{flex-direction:column;max-width:800px;height:100vh;margin:0 auto;display:flex;position:relative}.header{border-bottom:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.header-left{align-items:center;gap:10px;display:flex}.header-right{align-items:center;gap:8px;display:flex}.logo{font-family:var(--font-heading);letter-spacing:-.025em;color:var(--text-main);align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.logo-icon{color:var(--accent);font-size:18px}.back-link{color:var(--text-muted);font-size:13px;text-decoration:none;transition:color .2s}.back-link:hover{color:var(--accent)}.badge{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.5px;background:var(--accent-subtle);color:var(--accent);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.key-status{color:var(--success);align-items:center;gap:6px;font-size:12px;display:flex}.key-dot{background:var(--success);border-radius:50%;width:6px;height:6px}.btn-secondary{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-heading);background:0 0;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-ghost{border-radius:var(--radius-sm);color:var(--text-muted);font-family:var(--font-heading);padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s}.btn-ghost:hover{color:var(--text-main);background:var(--bg-tertiary)}.chat-area{background:var(--bg);flex:1;padding:16px 0;overflow-y:auto}.messages{flex-direction:column;display:flex}.loading-message{margin-bottom:16px;padding:0 16px;display:flex}.typing-indicator{background:var(--bg-tertiary);border-radius:16px 16px 16px 4px;gap:5px;padding:14px 18px;display:flex}.typing-indicator span{background:var(--text-muted);border-radius:50%;width:7px;height:7px;animation:1.4s infinite typing}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.error-message{border-radius:var(--radius-sm);color:var(--error);background:#dc26260f;border:1px solid #dc262626;margin:0 16px 16px;padding:10px 16px;font-size:13px}.input-area{border-top:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0;padding:12px 16px 16px}.input-form{flex-direction:column;gap:8px;display:flex}.input-container{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);align-items:flex-end;gap:8px;padding:8px 8px 8px 16px;transition:border-color .2s,box-shadow .2s;display:flex}.input-container:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-glow)}.chat-input{resize:none;max-height:160px;color:var(--text-main);background:0 0;border:none;outline:none;flex:1;padding:4px 0;font-size:14px;line-height:1.5}.chat-input::placeholder{color:var(--text-muted)}.input-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.btn-icon{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-muted);justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-icon:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-main)}.btn-icon:disabled{opacity:.3;cursor:not-allowed}.send-btn:not(:disabled){color:var(--accent)}.send-btn:hover:not(:disabled){background:var(--accent);color:#fff}.mic-btn.listening{color:var(--error);background:#dc262614;animation:1.5s infinite pulse-mic}@keyframes pulse-mic{0%,to{box-shadow:0 0 #dc262633}50%{box-shadow:0 0 0 8px #dc262600}}.input-hint{text-align:center;color:var(--text-muted);font-size:11px}@media (width<=640px){.header{padding:10px 12px}.key-status,.back-link{display:none}.chat-area{padding:12px 0}.input-area{padding:10px 12px 14px}}