body {
    background-color: #0f172a;
    color: #f8fafc;
    -webkit-tap-highlight-color: transparent;
}

.glass-panel {
    background: rgba(30, 41, 59, 0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.gradient-text {
    background: linear-gradient(135deg, #a78bfa 0%, #38bdf8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.mesh-bg {
    background-image:
        radial-gradient(at 0% 0%, hsla(253, 16%, 7%, 1) 0, transparent 50%),
        radial-gradient(at 50% 0%, hsla(225, 39%, 30%, 0.2) 0, transparent 50%),
        radial-gradient(at 100% 0%, hsla(339, 49%, 30%, 0.2) 0, transparent 50%);
}

::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    background: transparent;
}

.view-hidden {
    display: none !important;
}

/* Tab Active State */
.tab-btn.active {
    background: rgba(124, 58, 237, 0.2);
    border-color: #8b5cf6;
    color: #fff;
}

/* Lesson Math Block */
.math-block {
    background: rgba(15, 23, 42, 0.8);
    border: 1px solid rgba(124, 58, 237, 0.3);
    border-left: 4px solid #8b5cf6;
    padding: 1rem;
    border-radius: 0.5rem;
    font-family: monospace;
    font-size: 1.1rem;
    margin: 1rem 0;
    color: #e2e8f0;
}