:root {
    color-scheme: light;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background: #eef2f5;
    color: #102a3c;
    font-synthesis: none;
}

html, body, #app { min-height: 100%; margin: 0; }
body { min-width: 320px; background: #eef2f5; }
button, input, select { font: inherit; }
button, a, input, select { -webkit-tap-highlight-color: transparent; }

:focus-visible {
    outline: 3px solid #0b74de;
    outline-offset: 3px;
}

.boot {
    min-height: 100vh;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: 1rem;
    color: #4f6676;
}

.boot-mark {
    width: 3rem;
    height: 3rem;
    display: grid;
    place-items: center;
    border-radius: 1rem;
    color: white;
    background: #0c756f;
    font-size: 1.4rem;
    font-weight: 850;
}

#blazor-error-ui {
    display: none;
    position: fixed;
    inset: auto 1rem 1rem 1rem;
    z-index: 1000;
    padding: .85rem 1rem;
    border: 1px solid #f1b5ae;
    border-radius: .75rem;
    background: #fff1ef;
    color: #842c24;
    box-shadow: 0 12px 36px rgb(29 43 54 / 18%);
}

#blazor-error-ui .reload { margin-left: .6rem; color: inherit; font-weight: 750; }
#blazor-error-ui .dismiss { float: right; border: 0; background: transparent; color: inherit; cursor: pointer; }

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}