/* General Styling */
body {
    background-color: #0A192F;
    color: #cbd5e1;
    font-family: 'Inter', sans-serif;
}
.main-gradient-bg {
    background-image: radial-gradient(circle at top, #112240, #0A192F 70%);
}
/* AI Avatar Glow Effect */
#ai-avatar.ai-active-glow {
    box-shadow: 0 0 25px 5px rgba(100, 255, 218, 0.6);
    transition: box-shadow 0.3s ease-in-out;
}
/* Chat History Bubbles */
.chat-history-container {
    scrollbar-width: thin;
    scrollbar-color: #475569 #112240;
}
.chat-bubble {
    padding: 10px 16px;
    border-radius: 20px;
    max-width: 80%;
    word-wrap: break-word;
}
.user-message {
    background-color: #64FFDA;
    color: #0A192F;
    border-bottom-right-radius: 4px;
    align-self: flex-end;
}
.ai-message {
    background-color: #1e293b;
    color: #e2e8f0;
    border-bottom-left-radius: 4px;
    align-self: flex-start;
}
/* Mic listening effect */
#mic-btn.mic-listening {
    animation: pulse 1.5s infinite;
}
@keyframes pulse {
    0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(100, 255, 218, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(100, 255, 218, 0); }
    100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(100, 255, 218, 0); }
}
/* Slider Customization */
.swiper-slide { height: auto; }
.problem-card { height: 100%; display: flex; flex-direction: column; }
.swiper-pagination-bullet { background-color: #4b5563; }
.swiper-pagination-bullet-active { background-color: #64FFDA; }
.swiper-pagination { position: static; margin-top: 2rem; }
/* Tabs & Filters */
.tab-btn.active, .lesson-tab-btn.active {
    color: #64FFDA;
    border-color: #64FFDA;
}
.tool-filter-btn.active {
    background-color: #64FFDA;
    color: #0A192F;
    border-color: #64FFDA;
}
/* Lesson Tags & List */
.lesson-tag {
    font-size: 0.75rem;
    font-weight: bold;
    padding: 2px 8px;
    border-radius: 9999px;
    text-transform: uppercase;
}
.tag-premium { background-color: #f59e0b; color: #431407; }
.tag-free { background-color: #22c55e; color: #052e16; }
.lesson-row:hover { background-color: #1e293b; }