.chat-page{box-sizing:border-box;justify-content:center;align-items:stretch;min-height:100vh;padding:24px;display:flex}.chat-container{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:960px;display:flex;overflow:hidden;box-shadow:0 18px 45px #0f172a26}.chat-header{color:#e5e7eb;background:linear-gradient(135deg,#0f172a,#111827);border-bottom:1px solid #94a3b866;padding:16px 24px 8px}.chat-header h1{letter-spacing:.03em;margin:0;font-size:1.4rem}.chat-subtitle{color:#9ca3af;margin:4px 0 0;font-size:.85rem}.chat-messages{background:radial-gradient(circle at 0 0,#e5e7eb 0,#f3f4f6 45%,#e5e7eb 100%);flex:1;padding:16px 20px 8px;overflow-y:auto}.chat-message-row{align-items:flex-start;margin-bottom:12px;display:flex}.chat-message-row.is-user{justify-content:flex-end}.chat-message-row.is-bot{justify-content:flex-start}.chat-avatar{object-fit:cover;border-radius:999px;flex-shrink:0;width:36px;height:36px;box-shadow:0 0 0 1px #94a3b880}.chat-bubble-wrapper{flex-direction:column;max-width:75%;display:flex}.chat-message-row.is-bot .chat-bubble-wrapper{margin-left:10px}.chat-message-row.is-user .chat-bubble-wrapper{margin-right:10px}.chat-bubble{white-space:pre-wrap;border-radius:16px;padding:10px 12px;font-size:.95rem;line-height:1.5;box-shadow:0 4px 12px #0f172a14}.bot-bubble{background-color:#fff;border:1px solid #94a3b866}.user-bubble{color:#ecfeff;background:linear-gradient(135deg,#0f766e,#0ea5e9)}.chat-bubble.is-error{color:#7f1d1d;background:#fef2f2;border-color:#f97373}.chat-meta{opacity:.8;text-transform:uppercase;margin-bottom:2px;font-size:.75rem;font-weight:600}.chat-content p{margin:4px 0}.chat-content{word-break:break-word;overflow-wrap:anywhere}.chat-typing{opacity:.9}.chat-typing-dots{align-items:center;margin-left:6px;display:inline-flex}.chat-typing-dots .dot{background-color:#9ca3af;border-radius:999px;width:5px;height:5px;margin-left:3px;animation:1.2s ease-in-out infinite chat-dot-bounce}.chat-typing-dots .dot:nth-child(2){animation-delay:.15s}.chat-typing-dots .dot:nth-child(3){animation-delay:.3s}@keyframes chat-dot-bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.chat-input-row{background-color:#f9fafb;border-top:1px solid #94a3b84d;align-items:center;gap:8px;padding:10px 16px 16px;display:flex}.chat-input{resize:none;background-color:#fff;border:1px solid #94a3b8b3;border-radius:999px;outline:none;flex:1;padding:10px 16px;font-family:inherit;font-size:.95rem}.chat-input:focus{border-color:#0ea5e9;box-shadow:0 0 0 1px #0ea5e966}.chat-send-button{color:#ecfeff;cursor:pointer;background:linear-gradient(135deg,#0f766e,#0ea5e9);border:none;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;transition:transform .1s,box-shadow .1s,opacity .1s;display:flex}.chat-send-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px #0f172a26}.chat-send-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}@media (width<=768px){.chat-page{padding:8px}.chat-container{border-radius:0}.chat-bubble-wrapper{max-width:82%}}:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f3f4f6;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:underline}button{font-family:inherit}