/* ui_spinner — pair file for src/ui_system/spinner.jl
 *
 * Sizes itself relative to page chrome (nav + footer) so the spinner
 * fills the content area. Mobile gets a different chrome height. */

.loading-spinner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    height: calc(100vh - 210px);
    color: var(--pico-muted-color);
    font-size: 1.25rem;
}

@media (max-width: 768px) {
    .loading-spinner { height: calc(100dvh - 120px); }
}