@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap");:root{--primary:#2563eb;--primary-dark:#1e40af;--primary-light:#eff6ff;--accent:#3b82f6;--bg-app:#f1f5f9;--bg-chat:#fff;--surface:#fff;--surface-muted:#f8fafc;--text-main:#0f172a;--text-secondary:#64748b;--text-muted:#94a3b8;--text-on-primary:#fff;--bubble-user:#2563eb;--bubble-bot:#f1f5f9;--bubble-user-text:#fff;--bubble-bot-text:#1e293b;--border-color:#e2e8f0;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:250ms cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;padding:0;margin:0}body{font-family:Outfit,Inter,sans-serif;background-color:var(--bg-app);background-image:radial-gradient(at 0 0,rgba(37,99,235,.05) 0,transparent 50%),radial-gradient(at 100% 100%,rgba(59,130,246,.05) 0,transparent 50%);height:100vh;justify-content:center;align-items:center;color:var(--text-main)}#chat-container,body{display:flex;overflow:hidden}#chat-container{width:100%;max-width:450px;height:90vh;margin:20px;flex-direction:column;background-color:var(--bg-chat);position:relative;box-shadow:var(--shadow-lg);border-radius:24px;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width:640px){#chat-container{width:100%;max-width:100%;height:100vh;margin:0;border-radius:0}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass{background:hsla(0,0%,100%,.8)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border-bottom:1px solid hsla(0,0%,100%,.2)!important}.message-shadow{box-shadow:0 2px 4px rgba(0,0,0,.02),0 1px 0 rgba(0,0,0,.02)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.animate-bounce{animation:bounce .6s ease-in-out infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(16,185,129,.7)}70%{transform:scale(1);box-shadow:0 0 0 6px rgba(16,185,129,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(16,185,129,0)}}.status-pulse{animation:pulse 2s infinite}.icon-button{padding:8px;cursor:pointer;border-radius:12px;transition:var(--transition-normal);color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.icon-button:hover{background-color:var(--primary-light);color:var(--primary)}