*,
*::before,
*::after {
    box-sizing: border-box;
}

html,
body {
    min-height: 100%;
}

body {
    margin: 0;
}

button,
input {
    font: inherit;
}

.app-shell {
    min-height: 100dvh;
}

.app-loading,
.app-error {
    min-height: 100dvh;
    display: grid;
    place-items: center;
    padding: 24px;
    background: var(--app-background);
    color: var(--app-text-primary);
    font:
        16px/1.5 "Segoe UI",
        Arial,
        sans-serif;
    text-align: center;
}

.app-error {
    color: var(--app-text-error);
}