/* Minimalist motion — только opacity, без translateY и scale */



@keyframes mio-fade {

    from { opacity: 0; }

    to   { opacity: 1; }

}




@keyframes mio-pulse {

    0%   { box-shadow: 0 0 0 0 rgba(17, 17, 17, 0.18); }

    70%  { box-shadow: 0 0 0 10px rgba(17, 17, 17, 0); }

    100% { box-shadow: 0 0 0 0 rgba(17, 17, 17, 0); }

}



.dashboard-body .mio-stagger > * {
    opacity: 1;
    animation: none;
}

.mio-stagger > * {
    opacity: 0;
    animation: mio-fade 0.45s ease forwards;
}

/* Теги не должны мигать/дёргаться при появлении блока */

.mio-stagger .user-tag,

.mio-stagger .profile-tags-row {

    opacity: 1;

    animation: none;

}

.mio-stagger > *:nth-child(1) { animation-delay: 0.02s; }

.mio-stagger > *:nth-child(2) { animation-delay: 0.06s; }

.mio-stagger > *:nth-child(3) { animation-delay: 0.10s; }

.mio-stagger > *:nth-child(4) { animation-delay: 0.14s; }

.mio-stagger > *:nth-child(5) { animation-delay: 0.18s; }

.mio-stagger > *:nth-child(6) { animation-delay: 0.22s; }

.mio-stagger > *:nth-child(7) { animation-delay: 0.26s; }

.mio-stagger > *:nth-child(8) { animation-delay: 0.30s; }

.mio-stagger > *:nth-child(9) { animation-delay: 0.34s; }



.btn:focus-visible,

.field input:focus-visible,

.nav-link:focus-visible {

    outline: 2px solid #111111;

    outline-offset: 2px;

    border-radius: 8px;

}


.loading-dots {

    display: inline-flex;

    gap: 4px;

    align-items: center;

}

.loading-dots span {

    width: 4px;

    height: 4px;

    border-radius: 50%;

    background: currentColor;

    animation: mio-pulse 1.2s infinite;

}

.loading-dots span:nth-child(2) { animation-delay: 0.2s; }

.loading-dots span:nth-child(3) { animation-delay: 0.4s; }



/* SplitText (React Bits / GSAP) */
.split-parent {
    display: inline-block;
    overflow: hidden;
    white-space: normal;
    word-wrap: break-word;
    will-change: transform, opacity;
}

.split-char,
.split-word,
.split-line {
    display: inline-block;
    will-change: transform, opacity;
}

.split-char-space {
    width: 0.28em;
}

/* SideRays отключены — fixed canvas перехватывал клики в правой части навбара */
.side-rays-container,
.mio-side-rays-bg,
[data-mio-side-rays],
.side-rays-container canvas,
body > .side-rays-container canvas {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

.dashboard-body > main,
.dashboard-body > .dashboard-footer {
    position: relative;
    z-index: 0;
}