@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;800&display=swap');

:root { --sidebar-w: 280px; }
body { font-family: 'Plus Jakarta Sans', sans-serif; }

.sidebar { width: var(--sidebar-w); background: #08080a; transition: 0.4s; }
.sidebar.closed { margin-left: calc(var(--sidebar-w) * -1); }

.logo-text {
    background: linear-gradient(90deg, #fff, #8b5cf6, #fff);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shimmer 3s linear infinite;
}

@keyframes shimmer { to { background-position: 200% center; } }

.obsidian-glass {
    background: rgba(15, 15, 20, 0.8);
    backdrop-filter: blur(30px);
}

.engine-btn {
    width: 100%; text-align: left; padding: 12px; border-radius: 12px;
    font-size: 11px; font-weight: 800; text-transform: uppercase;
    letter-spacing: 1px; color: #4b5563; transition: 0.3s;
}

.engine-btn.active {
    background: rgba(139, 92, 246, 0.1);
    color: #a78bfa;
    box-shadow: inset 0 0 10px rgba(139, 92, 246, 0.1);
}

#new-chat-btn { background: linear-gradient(135deg, #7c3aed, #6d28d9); }

.animate-fadeIn { animation: fadeIn 0.4s ease-out; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }