.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.fill-icon {
    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.scroll-highlight {
    animation: scroll-pulse 0.9s ease forwards;
}
@keyframes scroll-pulse {
    0% { box-shadow: 0 0 0 rgba(59, 130, 246, 0.3); }
    50% { box-shadow: 0 0 24px rgba(59, 130, 246, 0.18); }
    100% { box-shadow: 0 0 0 rgba(59, 130, 246, 0); }
}

#app-loader.is-hidden {
    opacity: 0;
    pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
    #app-loader {
        transition: none !important;
    }
}