@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-color:#0f172a;--bg-gradient:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--text-color:#f8fafc;--text-muted:#94a3b8;--accent-color:#3b82f6;--accent-hover:#2563eb;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--border-radius:16px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-color);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;font-family:Inter,system-ui,sans-serif}#root{flex-direction:column;height:100vh;display:flex}h1,h2,h3{margin-bottom:.5rem;font-weight:600}p{color:var(--text-color);line-height:1.5}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--border-radius);box-shadow:0 8px 32px #0000004d}.glass-input{border:1px solid var(--glass-border);color:var(--text-color);background:#ffffff14;border-radius:24px;outline:none;width:100%;padding:12px 20px;font-size:1rem;transition:all .2s}.glass-input:focus{border-color:var(--accent-color);background:#ffffff1f;box-shadow:0 0 0 2px #3b82f64d}.glass-button{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:24px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:background-color .2s,transform .1s;display:flex}.glass-button:hover{background:var(--accent-hover)}.glass-button:active{transform:scale(.98)}.glass-button:disabled{cursor:not-allowed;background:#3b82f680}.container{flex-direction:column;flex:1;width:100%;max-width:800px;margin:0 auto;padding:2rem 1rem;display:flex}.navbar{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);background:#0f172acc;justify-content:center;gap:1rem;padding:1rem;display:flex;position:sticky;top:0}.nav-link{color:var(--text-muted);border-radius:20px;padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:all .2s}.nav-link:hover{color:var(--text-color);background:var(--glass-bg)}.nav-link.active{color:#fff;background:#ffffff26}.chat-container{scrollbar-width:none;flex-direction:column;flex:1;gap:1rem;padding-bottom:1rem;display:flex;overflow-y:auto}.chat-container::-webkit-scrollbar{display:none}.message{opacity:0;border-radius:18px;max-width:80%;padding:12px 16px;animation:.3s cubic-bezier(.25,.46,.45,.94) forwards slideIn;transform:translateY(10px)}.message.user{background:var(--accent-color);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.message.ai{background:var(--glass-bg);border:1px solid var(--glass-border);border-bottom-left-radius:4px;align-self:flex-start}.message-meta{opacity:.7;text-align:right;margin-top:4px;font-size:.75rem}.input-area{background:var(--bg-gradient);gap:.5rem;margin-top:auto;padding-top:1rem;padding-bottom:2rem;display:flex;position:sticky;bottom:0}@keyframes slideIn{to{opacity:1;transform:translateY(0)}}