.loader:empty {
    animation: load8 1.1s infinite linear;
    border: 0.5em solid rgba(0, 0, 0, 0.1);
    border-left: 0.5em solid #000000;
    border-radius: 50%;
    height: 3em;
    left: calc(50% - 2em);
    position: absolute;
    top: calc(50% - 2em);
    width: 3em;
}

@keyframes load8 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Stejné hexy jako pozadí SPA — token `vars.bg.page` v frontend/src/theme/tokens.ts
   (light #e9eef5, dark dark-9 #141414), aby pozadí při mountu Reactu neskočilo.
   Tento soubor nemůže TS tokeny importovat, hodnoty drž v synchronu ručně. */
body {
    background-color: #e9eef5;
    font-family: "Segoe UI", Arial, sans-serif;
}

html[data-mantine-color-scheme="dark"] body {
    background-color: #141414;
}

html[data-mantine-color-scheme="dark"] .loader:empty {
    border-color: rgba(255, 255, 255, 0.1);
    border-left-color: #f8fafc;
}