.header{height:48px;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid var(--border);font-size:14px;font-weight:500}.message-row{display:flex;margin-bottom:12px}.message-row-user{justify-content:flex-end}.message-bubble{max-width:70%;padding:10px 14px;font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.bubble-user{background:var(--user-bubble);color:#fff;border-radius:8px}.bubble-ai{background:var(--ai-bubble);border:1px solid var(--border);border-radius:8px}@media(max-width:640px){.message-bubble{max-width:85%}}.chat-input-wrapper{padding:0 16px 16px;background:var(--bg);max-width:768px;margin:0 auto;width:100%}.chat-input-form{border:1px solid var(--border);border-radius:16px;background:var(--bg);overflow:hidden;min-height:120px;display:flex;flex-direction:column}.chat-textarea{width:100%;border:none;outline:none;resize:none;padding:14px 16px 10px;font-size:14px;font-family:inherit;line-height:1.5;background:transparent;color:var(--text);max-height:160px}.chat-textarea::placeholder{color:var(--text-secondary)}.chat-textarea:disabled{background:var(--bg-secondary)}.chat-input-divider{border-top:1px dashed var(--border);margin:0 12px}.chat-input-toolbar{display:flex;align-items:center;justify-content:flex-end;padding:8px 10px}.send-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:50%;background:#2d3436;color:#fff;cursor:pointer;transition:background .15s}.send-btn:hover:not(:disabled){background:#1a1a2e}.send-btn:disabled{background:var(--border);color:var(--text-secondary);cursor:default}.welcome-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:40px 24px}.welcome-title{font-size:20px;font-weight:500;margin-bottom:8px}.welcome-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:24px}.suggestions{display:flex;flex-direction:column;gap:8px;width:100%;max-width:400px}.suggestion-btn{padding:10px 16px;background:var(--bg);border:1px solid var(--border);border-radius:4px;font-size:14px;text-align:left;cursor:pointer}.suggestion-btn:hover{background:var(--bg-secondary);border-color:var(--primary)}.app{display:flex;flex-direction:column;height:100vh}.main-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.chat-area{flex:1;overflow-y:auto;padding:16px}.messages-container{max-width:768px;margin:0 auto;width:100%}:root{--bg: #ffffff;--bg-secondary: #f9fafb;--border: #e5e7eb;--text: #111827;--text-secondary: #6b7280;--primary: #3b82f6;--primary-hover: #2563eb;--user-bubble: #3b82f6;--ai-bubble: #f3f4f6;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg)}#root{height:100%}button{font-family:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}input,textarea{font-family:inherit;outline:none}code{font-family:monospace;font-size:13px;background:var(--bg-secondary);padding:2px 4px}pre{font-family:monospace;font-size:13px;background:var(--bg-secondary);padding:12px;overflow-x:auto;border:1px solid var(--border)}pre code{background:transparent;padding:0}