.fs-7 {
    font-size: 0.75rem;
    letter-spacing: 0.05em;
}

.app-icon-4xl {
    font-size: 4rem;
}

.max-w-320 {
    max-width: 320px;
}

.word-audio-btn {
    width: 40px;
    height: 40px;
}

.word-reveal-slot {
    min-height: 60px;
}

.revealed-word {
    display: none;
}

.study-alert-rounded {
    border-radius: 12px;
}

.explanation-round-btn {
    width: 60px;
    height: 60px;
}

.spinner {
    width: 50px;
    height: 50px;
    border: 5px solid color-mix(in srgb, var(--color-border) 70%, transparent);
    border-top: 5px solid var(--color-accent);
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

.spinner-sm {
    width: 36px;
    height: 36px;
    border-width: 4px;
}

.spinner-lg {
    width: 60px;
    height: 60px;
    border-width: 6px;
}

.suppress-loading-indicator {
    min-height: 280px;
}

.loading-shell {
    min-height: 260px;
}

.loading-shell-story {
    border-color: color-mix(in srgb, var(--color-story) 24%, var(--color-border));
}

#card-loader {
    display: none !important;
}

#study-card.loading #card-loader {
    display: flex !important;
}

#study-card.loading #study-card-container {
    display: none !important;
}

.progress-loader-track {
    width: 200px;
    height: 8px;
}

.min-vh-50 {
    min-height: 50vh;
}

.input-word-large {
    height: 50px;
    font-size: 1.1rem;
}

.input-hidden {
    display: none;
}

.shortcuts-toast,
.explanation-hint-toast {
    z-index: 1050;
}

.shortcuts-toast {
    transition: opacity var(--duration-base) var(--ease-standard);
}

.last-no-margin:last-child {
    margin-bottom: 0 !important;
}

.offline-cross-container {
    top: 0;
    left: 0;
}

.offline-cross-line {
    width: 120%;
    height: 4px;
    background-color: var(--color-danger);
    transform: rotate(-45deg);
}

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