@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";:root{--bg-gradient:linear-gradient(135deg, #09090b 0%, #171720 100%);--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--primary-accent:#3b82f6;--primary-hover:#2563eb;--text-primary:#f8fafc;--text-secondary:#94a3b8;--assistant-msg:#1e293bcc;--user-msg:#3b82f6e6}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-primary);justify-content:center;align-items:center;min-height:100vh;font-family:Inter,sans-serif;display:flex}#root{justify-content:center;align-items:center;width:100%;height:100vh;padding:1rem;display:flex}.app-container{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:20px;flex-direction:column;width:100%;max-width:900px;height:90vh;animation:.8s ease-out fadeIn;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header{border-bottom:1px solid var(--glass-border);background:#0003;flex-direction:column;gap:.5rem;padding:1.5rem;display:flex}.header h1{letter-spacing:-.02em;background:linear-gradient(90deg,#60a5fa,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:600}.header p{color:var(--text-secondary);font-size:.9rem}.chat-window{scroll-behavior:smooth;flex-direction:column;flex:1;gap:1.5rem;padding:1.5rem;display:flex;overflow-y:auto}.chat-window::-webkit-scrollbar{width:6px}.chat-window::-webkit-scrollbar-track{background:0 0}.chat-window::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}.message{border-radius:12px;max-width:80%;padding:1rem;font-size:.95rem;line-height:1.5;transition:transform .2s;animation:.3s ease-out slideIn;box-shadow:0 4px 6px -1px #0000001a}.message:hover{transform:translateY(-2px)}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.assistant{background:var(--assistant-msg);border:1px solid var(--glass-border);border-bottom-left-radius:4px;align-self:flex-start}.message.user{background:var(--user-msg);border-bottom-right-radius:4px;align-self:flex-end}.input-area{border-top:1px solid var(--glass-border);background:#0003;gap:1rem;padding:1.5rem;display:flex}.input-area input{border:1px solid var(--glass-border);color:var(--text-primary);background:#0000004d;border-radius:30px;outline:none;flex:1;padding:1rem 1.5rem;font-family:inherit;font-size:1rem;transition:all .3s}.input-area input:focus{border-color:var(--primary-accent);box-shadow:0 0 15px #3b82f633}.input-area button{background:var(--primary-accent);color:#fff;cursor:pointer;border:none;border-radius:30px;padding:0 2rem;font-family:inherit;font-weight:600;transition:all .3s}.input-area button:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 5px 15px #3b82f666}.input-area button:active{transform:translateY(0)}.typing-indicator{background:0 0;align-self:flex-start;gap:.5rem;padding:1rem;display:flex}.dot{background:var(--text-secondary);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both bounce}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}