@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-primary:#09090b;--bg-secondary:#18181b66;--bg-glass:#18181bb3;--border-zinc:#27272acc;--accent-primary:#4f46e5;--accent-light:#818cf8;--text-main:#f4f4f5;--text-muted:#71717a;--text-light:#d4d4d8;--chat-user-bg:#4f46e5;--chat-bot-bg:#18181b66;--chat-bot-border:#27272acc;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Space Grotesk", sans-serif;--font-mono:"JetBrains Mono", monospace;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0b0f19}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#334155}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-main);-webkit-font-smoothing:antialiased;justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}body:before{content:"";opacity:.3;pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#18181b 1px,#0000 1px),linear-gradient(#18181b 1px,#0000 1px);background-size:5rem 5rem;position:absolute;inset:0}body:after{content:"";filter:blur(140px);pointer-events:none;z-index:0;background-color:#6366f10d;border-radius:50%;width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#root{z-index:10;justify-content:center;align-items:center;width:100%;height:100%;padding:1.5rem;display:flex;position:relative}.chat-container{-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-zinc);width:100%;max-width:900px;height:90vh;max-height:850px;transition:var(--transition-smooth);background:#09090b99;border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 30px #0003}.chat-container:hover{border-color:#6366f14d;box-shadow:0 0 40px #6366f10a}.chat-header{border-bottom:1px solid var(--border-zinc);background:#09090bcc;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.chat-header-info{align-items:center;gap:.75rem;display:flex}.bot-avatar-wrapper{background:var(--accent-primary);width:32px;height:32px;transition:var(--transition-smooth);border-radius:8px;justify-content:center;align-items:center;display:flex}.chat-header-title h1{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;color:var(--text-light);font-size:.85rem;font-weight:700}.chat-header-status{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);align-items:center;gap:.35rem;margin-top:.15rem;font-size:.65rem;display:flex}.status-dot{background-color:var(--accent-light);width:6px;height:6px;box-shadow:0 0 8px var(--accent-primary);border-radius:50%}.logout-button{border:1px solid var(--border-zinc);color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:var(--transition-smooth);background:0 0;border-radius:8px;align-items:center;gap:.5rem;padding:.45rem .85rem;font-size:.75rem;display:flex}.logout-button:hover{color:var(--text-main);background:#18181bb3;border-color:#6366f166}.chat-messages{scroll-behavior:smooth;background:#09090b33;flex-direction:column;flex:1;gap:1.5rem;padding:2rem;display:flex;overflow-y:auto}.message-wrapper{flex-direction:column;max-width:75%;animation:.25s cubic-bezier(.16,1,.3,1) forwards slideIn;display:flex}.message-wrapper.user{align-self:flex-end;align-items:flex-end}.message-wrapper.bot{align-self:flex-start;align-items:flex-start}.message-bubble{border-radius:12px;padding:.85rem 1.15rem;font-size:.9rem;line-height:1.55}.message-wrapper.user .message-bubble{background:var(--chat-user-bg);color:#fff;border-bottom-right-radius:2px}.message-wrapper.bot .message-bubble{background:var(--chat-bot-bg);border:1px solid var(--chat-bot-border);color:var(--text-light);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom-left-radius:2px}.message-time{font-family:var(--font-mono);color:var(--text-muted);margin-top:.35rem;padding:0 .15rem;font-size:.65rem}.chat-input-container{border-top:1px solid var(--border-zinc);background:#09090bcc;padding:1.5rem 2rem}.chat-input-form{border:1px solid var(--border-zinc);transition:var(--transition-smooth);background:#09090b80;border-radius:12px;align-items:center;gap:.5rem;padding:.35rem .35rem .35rem 1rem;display:flex}.chat-input-form:focus-within{background:#18181b80;border-color:#6366f180;box-shadow:0 0 15px #6366f114}.chat-input-field{color:var(--text-main);font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1;padding:.5rem 0;font-size:.9rem}.chat-input-field::placeholder{color:var(--text-muted)}.send-button{background:var(--accent-primary);cursor:pointer;width:36px;height:36px;transition:var(--transition-smooth);color:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.send-button:hover:not(:disabled){background:#4338ca;box-shadow:0 0 15px #6366f14d}.send-button:disabled{border:1px solid var(--border-zinc);color:var(--text-muted);cursor:not-allowed;background:#18181b80}.typing-indicator{align-items:center;gap:.35rem;padding:.4rem .15rem;display:flex}.typing-dot{background-color:var(--text-muted);border-radius:50%;width:5px;height:5px;animation:1.4s ease-in-out infinite both bounce}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}.chat-messages pre{border:1px solid var(--border-zinc);font-family:var(--font-mono);background:#09090bcc;border-radius:6px;margin:.5rem 0;padding:.65rem .85rem;font-size:.8rem;overflow-x:auto}.chat-messages code{font-family:var(--font-mono);background:#ffffff0f;border-radius:3px;padding:.1rem .25rem;font-size:.85em}.chat-messages pre code{background:0 0;border-radius:0;padding:0}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@media (width<=640px){#root{padding:.5rem}.chat-container{border-radius:12px;height:95vh}.chat-messages{padding:1.25rem}.message-wrapper{max-width:85%}.chat-header,.chat-input-container{padding:1rem 1.25rem}}