*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;min-height:100vh;margin:0}body{color:#f5f5f5;background:#111318;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.chat-page{justify-content:center;width:100%;min-height:100vh;padding:32px;display:flex}.chat-container{background:#181b21;border:1px solid #2b3038;border-radius:16px;flex-direction:column;width:100%;max-width:900px;height:calc(100vh - 64px);display:flex;overflow:hidden}.chat-header{border-bottom:1px solid #2b3038;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;display:flex}.chat-header h1{margin:0;font-size:22px}.chat-header p{color:#9ca3af;margin:5px 0 0;font-size:14px}.clear-button{color:#e5e7eb;background:0 0;border:1px solid #3a4049;border-radius:8px;padding:9px 14px}.clear-button:hover:not(:disabled){background:#242830}.clear-button:disabled{opacity:.4}.messages{flex:1;padding:24px;overflow-y:auto}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.empty-state h2{margin:0 0 8px;font-size:22px}.empty-state p{color:#9ca3af;max-width:420px;margin:0;line-height:1.5}.message{border-radius:12px;max-width:75%;margin-bottom:16px;padding:12px 16px}.message p{overflow-wrap:anywhere;margin:4px 0 0;line-height:1.5}.message-author{opacity:.7;font-size:12px;font-weight:600}.message-user{color:#fff;background:#2563eb;margin-left:auto}.message-assistant{color:#f3f4f6;background:#262a32;margin-right:auto}.chat-input{border-top:1px solid #2b3038;gap:12px;padding:20px 24px;display:flex}.chat-input input{color:#f5f5f5;background:#111318;border:1px solid #3a4049;border-radius:9px;outline:none;flex:1;min-width:0;padding:12px 14px}.chat-input input:focus{border-color:#2563eb}.chat-input input::placeholder{color:#6b7280}.chat-input button{color:#fff;background:#2563eb;border:0;border-radius:9px;padding:12px 18px}.chat-input button:hover:not(:disabled){background:#1d4ed8}.chat-input button:disabled{opacity:.45}@media (width<=640px){.chat-page{padding:0}.chat-container{border:0;border-radius:0;height:100vh}.chat-header{padding:16px}.chat-header p{display:none}.messages{padding:16px}.message{max-width:90%}.chat-input{padding:16px}}