/* A continuous neon ring; the color flow moves without rotating the photo. */
:root .profile-frame[data-frame='cosmos'] {
    --frame-a: #9bffe6;
    --frame-b: #b9a2f4;
    outline: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    animation: none !important;
}

:root .profile-frame[data-frame='cosmos']::before {
    content: '' !important;
    position: absolute !important;
    z-index: 2 !important;
    inset: -16% !important;
    width: auto !important;
    height: auto !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: url('/assets/frames/cosmos.svg?v=20260917-1') center / contain no-repeat !important;
    -webkit-mask: none !important;
    mask: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
    filter: drop-shadow(0 0 3px #86e8dc80) drop-shadow(0 0 9px #9a7bea50) !important;
    transform: none !important;
    animation: none !important;
    pointer-events: none !important;
    transition: filter 0.3s ease;
}

:root .profile-frame[data-frame='cosmos']::after {
    content: none !important;
    animation: none !important;
}

:root .frame-preview.profile-frame[data-frame='cosmos'] {
    background: #101b32 !important;
    color: #e0fff5 !important;
}

:root .profile-avatar-shell.profile-frame[data-frame='cosmos']::before {
    inset: -7% !important;
}

@media (hover: hover) {
    :root .profile-frame[data-frame='cosmos']:hover::before {
        filter: drop-shadow(0 0 4px #adffecb0) drop-shadow(0 0 12px #b294f570) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    :root .profile-frame[data-frame='cosmos']::before {
        transition: none;
    }
}