.site-toast {
    position: fixed;
    right: 24px;
    bottom: 85px;
    max-width: min(430px, calc(100vw - 48px));
    padding: 16px 24px;
    color: white;
    background: var(--ink);
    box-shadow: 0 8px 28px #0002;
    z-index: 300;
}
.site-loading {
    position: fixed;
    inset: 0;
    background: #f5f6f1ed;
    z-index: 290;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
}
.loading-spinner {
    display: inline-block;
    width: 28px;
    height: 28px;
    border: 3px solid #d4dcda;
    border-top-color: var(--gold);
    border-radius: 50%;
    animation: spin 0.7s linear infinite;
}
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}
.back-top {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    right: 22px;
    bottom: 22px;
    width: 46px;
    height: 46px;
    border: 0;
    color: white;
    background: var(--teal);
    z-index: 90;
    transition: background 0.2s, transform 0.2s;
}
.back-top:hover {
    background: var(--gold-dark);
    transform: translateY(-3px);
}