*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f1117;--surface: #1a1d27;--surface-hover: #232633;--border: #2a2d3a;--text: #e4e4e7;--text-muted: #8b8d98;--primary: #6366f1;--primary-hover: #818cf8;--user-bg: #6366f1;--assistant-bg: #1e2030;--radius: 12px}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100%;max-width:900px;margin:0 auto}.header{padding:16px 24px;border-bottom:1px solid var(--border);background:var(--surface)}.header-content{display:flex;align-items:center;gap:12px}.header h1{font-size:18px;font-weight:600}.badge{font-size:11px;padding:3px 8px;background:#6366f126;color:var(--primary-hover);border-radius:6px;font-weight:500}.chat-area{flex:1;overflow-y:auto;padding:24px}.welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;gap:12px}.welcome-icon{font-size:48px;margin-bottom:8px}.welcome h2{font-size:24px;font-weight:600}.welcome p{color:var(--text-muted);max-width:400px;line-height:1.5}.suggestions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px;max-width:600px}.suggestion-chip{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:8px 16px;border-radius:20px;font-size:13px;cursor:pointer;transition:all .15s ease}.suggestion-chip:hover{background:var(--surface-hover);border-color:var(--primary)}.messages{display:flex;flex-direction:column;gap:16px}.message{display:flex;gap:12px;align-items:flex-start}.message-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;background:var(--surface);border:1px solid var(--border)}.message-user .message-avatar{background:var(--user-bg);border-color:var(--user-bg)}.message-content{flex:1;min-width:0;line-height:1.6;font-size:14px}.message-user .message-content{background:var(--user-bg);padding:10px 16px;border-radius:var(--radius);border-top-left-radius:4px}.message-assistant .message-content{background:var(--assistant-bg);padding:10px 16px;border-radius:var(--radius);border-top-left-radius:4px}.message-assistant .message-content h1,.message-assistant .message-content h2,.message-assistant .message-content h3{margin-top:12px;margin-bottom:6px;font-weight:600}.message-assistant .message-content h1{font-size:18px}.message-assistant .message-content h2{font-size:16px}.message-assistant .message-content h3{font-size:14px}.message-assistant .message-content p{margin-bottom:8px}.message-assistant .message-content p:last-child{margin-bottom:0}.message-assistant .message-content ul,.message-assistant .message-content ol{padding-left:20px;margin-bottom:8px}.message-assistant .message-content li{margin-bottom:4px}.message-assistant .message-content code{background:#ffffff14;padding:2px 6px;border-radius:4px;font-size:13px;font-family:SF Mono,Fira Code,monospace}.message-assistant .message-content pre{background:#0000004d;padding:12px;border-radius:8px;overflow-x:auto;margin:8px 0}.message-assistant .message-content pre code{background:none;padding:0}.message-assistant .message-content table{width:100%;border-collapse:collapse;margin:8px 0;font-size:13px}.message-assistant .message-content th,.message-assistant .message-content td{padding:6px 10px;border:1px solid var(--border);text-align:left}.message-assistant .message-content th{background:#ffffff0d;font-weight:600}.message-assistant .message-content strong{font-weight:600}.typing-indicator{display:flex;gap:4px;padding:4px 0}.typing-indicator span{width:8px;height:8px;background:var(--text-muted);border-radius:50%;animation:bounce 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.input-area{padding:16px 24px;border-top:1px solid var(--border);background:var(--surface)}.input-wrapper{display:flex;align-items:flex-end;gap:8px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:8px 8px 8px 16px;transition:border-color .15s ease}.input-wrapper:focus-within{border-color:var(--primary)}.chat-input{flex:1;background:none;border:none;color:var(--text);font-size:14px;font-family:inherit;resize:none;outline:none;max-height:120px;line-height:1.5;padding:4px 0}.chat-input::placeholder{color:var(--text-muted)}.send-button{width:36px;height:36px;border-radius:8px;border:none;background:var(--primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s ease}.send-button:hover:not(:disabled){background:var(--primary-hover)}.send-button:disabled{opacity:.4;cursor:not-allowed}.disclaimer{text-align:center;font-size:11px;color:var(--text-muted);margin-top:8px}.chat-area::-webkit-scrollbar{width:6px}.chat-area::-webkit-scrollbar-track{background:transparent}.chat-area::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}