/* ===========================================================================
   SMOOTH MODE - Optional lower-motion, lower-compositing presentation layer
   =========================================================================== */

body.smooth-mode {
    --voice-orb-motion: 0;
    --voice-orb-glow: 0.12;
    --amb-min: 12px;
    --amb-max: 28px;
}

/* Replace the largest frosted surfaces with opaque themed layers. */
body.smooth-mode #quiz-card,
body.smooth-mode #controls-bar,
body.smooth-mode #menu-dropdown,
body.smooth-mode #source-dropdown,
body.smooth-mode .menu-group-panel,
body.smooth-mode .glass-btn,
body.smooth-mode .modal-content,
body.smooth-mode .theme-modal-content,
body.smooth-mode .popup-content,
body.smooth-mode .ask-ai-modal-content,
body.smooth-mode .pdf-tutor-modal-content,
body.smooth-mode .study-guide-modal-content,
body.smooth-mode .pdf-tutor-study-guide-surface,
body.smooth-mode #pdf-viewer,
body.smooth-mode #ai-pane {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

body.smooth-mode #quiz-card,
body.smooth-mode #menu-dropdown,
body.smooth-mode #source-dropdown,
body.smooth-mode .menu-group-panel,
body.smooth-mode .modal-content,
body.smooth-mode .theme-modal-content,
body.smooth-mode .popup-content,
body.smooth-mode .ask-ai-modal-content,
body.smooth-mode .pdf-tutor-modal-content,
body.smooth-mode .study-guide-modal-content,
body.smooth-mode .pdf-tutor-study-guide-surface {
    background-color: color-mix(in srgb, var(--app-surface-strong, #14181e) 94%, var(--bg, #0b1220) 6%);
}

body.smooth-mode .glass-btn {
    background-color: color-mix(in srgb, var(--btn-surface, #14181e) 94%, var(--bg, #0b1220) 6%);
    box-shadow: 0 6px 16px rgba(2, 6, 23, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.05);
    transition: color 120ms ease, background-color 120ms ease, border-color 120ms ease, box-shadow 120ms ease;
}

body.smooth-mode .glass-btn:hover {
    transform: none;
    filter: none;
    box-shadow: 0 8px 18px rgba(2, 6, 23, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

body.smooth-mode .pdf-tutor-occlusion-cover,
body.smooth-mode .pdf-tutor-occlusion-quality-choice,
body.smooth-mode .pdf-tutor-occlusion-hud,
body.smooth-mode .pdf-tutor-occlusion-grade,
body.smooth-mode .pdf-tutor-occlusion-hud-btn {
    transition: none !important;
}

body.smooth-mode .pdf-tutor-occlusion-cover.is-spawning,
body.smooth-mode .pdf-tutor-occlusion-quality-choice {
    animation: none !important;
}

/* Decorative animation stops on a composed, intentional frame. */
body.smooth-mode #quiz-card.ambient-active,
body.smooth-mode .quiz-pane-skeleton,
body.smooth-mode .welcome-logo-sphere,
body.smooth-mode .welcome-logo-node,
body.smooth-mode .public-tour-target,
body.smooth-mode .achievement-card,
body.smooth-mode .streak-fire,
body.smooth-mode .streak-flame,
body.smooth-mode .auto-options-notice,
body.smooth-mode .auto-feature-notice {
    animation-play-state: paused !important;
}

body.smooth-mode #quiz-card.ambient-active {
    box-shadow: 0 0 28px color-mix(in srgb, var(--amb-c2, #f472b699) 58%, transparent);
}

/* Loading/progress indicators remain functional; they simply move less often. */
body.smooth-mode .ask-ai-send-ring,
body.smooth-mode .memora-thinking-dot,
body.smooth-mode .memora-thinking-line,
body.smooth-mode .quiz-gen-progress,
body.smooth-mode .loading-dots {
    animation-duration: 1.8s;
}

body.smooth-mode #app-home-title:hover,
body.smooth-mode #menu-dropdown .menu-group-trigger:hover::before {
    transform: none !important;
    filter: none;
}

body.smooth-mode #smooth-mode-toggle[aria-pressed="true"] {
    border-color: color-mix(in srgb, var(--g1, #60a5fa) 58%, var(--g2, #f472b6) 42%);
    background: linear-gradient(135deg,
            color-mix(in srgb, var(--g1, #60a5fa) 16%, var(--btn-surface, #14181e) 84%),
            color-mix(in srgb, var(--g2, #f472b6) 14%, var(--btn-surface, #14181e) 86%));
}

.smooth-mode-menu-copy {
    display: grid;
    gap: 2px;
    min-width: 0;
    text-align: left;
}

.smooth-mode-menu-subtitle {
    color: var(--btn-text-muted, #94a3b8);
    font-size: 0.76rem;
    line-height: 1.3;
}