:root{color:#182026;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef2f5;font-family:Plus Jakarta Sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer;border:0}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#64748b40;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#64748b73}.chat-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.chat-panel{background:#fff;border:1px solid #d7dee5;border-radius:8px;grid-template-rows:auto 1fr auto;width:min(720px,100%);min-height:min(760px,100vh - 48px);display:grid;overflow:hidden;box-shadow:0 18px 50px #19232d1f}.chat-header{border-bottom:1px solid #e1e7ed;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;display:flex}.chat-header h1{color:#111827;margin:0;font-size:24px;line-height:1.2}.chat-header p{color:#667085;margin:4px 0 0;font-size:14px}.chat-status{color:#116149;background:#dff8ec;border-radius:999px;flex:none;padding:5px 10px;font-size:13px;font-weight:600}.message-list{background:#f8fafc;flex-direction:column;gap:12px;padding:22px;display:flex;overflow-y:auto}.message{text-align:left;overflow-wrap:anywhere;border-radius:8px;width:fit-content;max-width:min(78%,520px);padding:10px 12px;line-height:1.45}.message-bot{color:#1f2937;background:#fff;border:1px solid #e1e7ed;align-self:flex-start}.message-me{color:#fff;background:#2563eb;align-self:flex-end}.chat-form{background:#fff;border-top:1px solid #e1e7ed;grid-template-columns:1fr auto;gap:10px;padding:16px;display:grid}.chat-form input{color:#111827;background:#fff;border:1px solid #cbd5df;border-radius:8px;outline:none;min-width:0;padding:11px 12px}.chat-form input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24}.chat-form button{color:#fff;background:#1f2937;border-radius:8px;padding:0 16px;font-weight:700}.chat-form button:hover{background:#111827}@media (width<=560px){.chat-shell{padding:0}.chat-panel{border:0;border-radius:0;min-height:100vh}.chat-header,.message-list{padding-inline:16px}.chat-form{grid-template-columns:1fr}.chat-form button{min-height:44px}}