body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame {
    --frame-effect-image: none;
    --frame-effect-opacity: 0;
    --frame-effect-scale: 1;
    --frame-effect-blur: 0;
    --frame-spark-opacity: 0;
    position: relative;
    overflow: visible !important;
    isolation: isolate;
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.08), 0 18px 34px rgba(0, 0, 0, 0.32) !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame img,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame #avatar-initial,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame .photo-edit-hint {
    position: relative;
    z-index: 3;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame img {
    border-radius: inherit;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame::before,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame::after {
    content: "";
    position: absolute;
    pointer-events: none;
    border-radius: 28px;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame::before {
    inset: -31px;
    z-index: 0;
    opacity: var(--frame-effect-opacity);
    background: var(--frame-effect-image) center / contain no-repeat;
    transform: scale(var(--frame-effect-scale));
    will-change: transform, opacity;
    animation: premiumFrameBreath 6s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame::after {
    inset: -18px;
    z-index: 1;
    opacity: var(--frame-spark-opacity);
    mix-blend-mode: screen;
    background:
        radial-gradient(circle at 18% 22%, rgba(255, 255, 255, 0.78) 0 2px, transparent 3px),
        radial-gradient(circle at 80% 18%, rgba(255, 255, 255, 0.46) 0 2px, transparent 3px),
        radial-gradient(circle at 78% 82%, rgba(255, 255, 255, 0.38) 0 2px, transparent 3px),
        radial-gradient(circle at 22% 78%, rgba(255, 255, 255, 0.42) 0 2px, transparent 3px);
    will-change: transform;
    animation: premiumFrameSparkDrift 7s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-gold {
    border-color: #fdb913 !important;
    box-shadow: 0 0 0 5px rgba(253, 185, 19, 0.24), 0 0 32px rgba(253, 185, 19, 0.26), 0 18px 34px rgba(0, 0, 0, 0.32) !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-neon {
    border-color: #7dd3fc !important;
    box-shadow: 0 0 0 5px rgba(125, 211, 252, 0.20), 0 0 34px rgba(125, 211, 252, 0.36), 0 18px 34px rgba(0, 0, 0, 0.32) !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-lithuania {
    border-color: transparent !important;
    background:
        linear-gradient(#181818, #181818) padding-box,
        linear-gradient(90deg, #fdb913, #006a44, #c1272d) border-box !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-code {
    border-color: #30c886 !important;
    box-shadow: 0 0 0 3px rgba(253, 185, 19, 0.42), 0 0 0 7px rgba(48, 200, 134, 0.16), 0 18px 34px rgba(0, 0, 0, 0.32) !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-matrix {
    border-color: #22c55e !important;
    box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.20), 0 0 36px rgba(34, 197, 94, 0.38), 0 18px 34px rgba(0, 0, 0, 0.32) !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-mentor {
    border-color: transparent !important;
    background:
        linear-gradient(#181818, #181818) padding-box,
        linear-gradient(135deg, #fdb913, #30c886) border-box !important;
    box-shadow: 0 0 0 5px rgba(48, 200, 134, 0.12), 0 18px 34px rgba(0, 0, 0, 0.32) !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-ruby {
    border-color: #c1272d !important;
    box-shadow: 0 0 0 4px rgba(193, 39, 45, 0.22), 0 0 34px rgba(193, 39, 45, 0.34), 0 18px 34px rgba(0, 0, 0, 0.32) !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-glass {
    border-color: rgba(255, 255, 255, 0.78) !important;
    box-shadow: 0 0 0 2px rgba(125, 211, 252, 0.26), 0 18px 38px rgba(0, 0, 0, 0.34) !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-solar {
    border-color: transparent !important;
    background:
        linear-gradient(#181818, #181818) padding-box,
        linear-gradient(135deg, #fdb913, #f97316, #c1272d) border-box !important;
    box-shadow: 0 0 0 5px rgba(253, 185, 19, 0.20), 0 0 36px rgba(249, 115, 22, 0.30), 0 18px 34px rgba(0, 0, 0, 0.32) !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-fire,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-dragon {
    --frame-effect-image: url("/images/profile-effects/fire-ring.svg");
    --frame-effect-opacity: 1;
    --frame-effect-scale: 1.02;
    --frame-effect-blur: 0.15px;
    --frame-spark-opacity: 0.78;
    border-color: transparent !important;
    background:
        linear-gradient(#150b07, #150b07) padding-box,
        conic-gradient(from 0deg, #ffef9a, #ff7a18, #c1272d, #ff7a18, #ffef9a) border-box !important;
    box-shadow: 0 0 0 5px rgba(249, 115, 22, 0.22), 0 0 56px rgba(249, 115, 22, 0.48), 0 18px 34px rgba(0, 0, 0, 0.32) !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-dragon::after {
    background:
        radial-gradient(circle at 20% 22%, rgba(255, 239, 154, 0.86) 0 2px, transparent 4px),
        radial-gradient(circle at 78% 18%, rgba(255, 122, 24, 0.72) 0 3px, transparent 6px),
        radial-gradient(circle at 78% 80%, rgba(193, 39, 45, 0.62) 0 4px, transparent 7px),
        linear-gradient(135deg, transparent 0 42%, rgba(255, 122, 24, 0.28) 45%, transparent 54% 100%);
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-water {
    --frame-effect-image: url("/images/profile-effects/water-ring.svg");
    --frame-effect-opacity: .95;
    --frame-effect-scale: 1.015;
    --frame-spark-opacity: .55;
    border-color: rgba(125, 211, 252, 0.72) !important;
    background:
        linear-gradient(#071720, #071720) padding-box,
        linear-gradient(135deg, #e0faff, #38bdf8, #0369a1, #e0faff) border-box !important;
    box-shadow: 0 0 0 5px rgba(56, 189, 248, 0.18), 0 0 46px rgba(14, 165, 233, 0.42), 0 18px 34px rgba(0, 0, 0, 0.32) !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-water::after {
    background:
        radial-gradient(circle at 18% 24%, rgba(224, 250, 255, 0.88) 0 2px, transparent 4px),
        radial-gradient(circle at 76% 20%, rgba(125, 211, 252, 0.64) 0 3px, transparent 6px),
        radial-gradient(circle at 72% 78%, rgba(56, 189, 248, 0.54) 0 3px, transparent 6px),
        radial-gradient(circle at 28% 78%, rgba(224, 250, 255, 0.50) 0 2px, transparent 5px);
    animation-duration: 5.6s;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-forest {
    --frame-effect-image: url("/images/profile-effects/forest-ring.svg");
    --frame-effect-opacity: .94;
    --frame-effect-scale: 1.02;
    --frame-spark-opacity: .42;
    border-color: transparent !important;
    background:
        linear-gradient(#08130c, #08130c) padding-box,
        conic-gradient(from 0deg, #d9f99d, #84cc16, #166534, #22c55e, #d9f99d) border-box !important;
    box-shadow: 0 0 0 5px rgba(34, 197, 94, 0.16), 0 0 46px rgba(132, 204, 22, 0.36), 0 18px 34px rgba(0, 0, 0, 0.32) !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-code-orbit {
    --frame-effect-image: url("/images/profile-effects/code-ring.svg");
    --frame-effect-opacity: .96;
    --frame-effect-scale: 1.01;
    --frame-spark-opacity: .58;
    border-color: #30c886 !important;
    box-shadow: 0 0 0 5px rgba(48, 200, 134, 0.16), 0 0 48px rgba(48, 200, 134, 0.42), 0 18px 34px rgba(0, 0, 0, 0.32) !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-code-orbit::after {
    background:
        linear-gradient(90deg, transparent 0 44%, rgba(48, 200, 134, 0.42) 45% 46%, transparent 47% 100%),
        linear-gradient(0deg, transparent 0 54%, rgba(253, 185, 19, 0.34) 55% 56%, transparent 57% 100%),
        radial-gradient(circle at 18% 20%, rgba(48, 200, 134, 0.92) 0 2px, transparent 4px),
        radial-gradient(circle at 80% 78%, rgba(253, 185, 19, 0.72) 0 2px, transparent 5px);
    animation-duration: 3.6s;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cat {
    --frame-effect-image: url("/images/profile-effects/water-ring.svg");
    --frame-effect-opacity: .62;
    --frame-effect-scale: .98;
    --frame-spark-opacity: .50;
    border-color: #f0abfc !important;
    background:
        linear-gradient(#15101a, #15101a) padding-box,
        linear-gradient(135deg, #f0abfc, #7dd3fc, #ffffff, #f0abfc) border-box !important;
    box-shadow: 0 0 0 5px rgba(240, 171, 252, 0.18), 0 0 42px rgba(125, 211, 252, 0.32), 0 18px 34px rgba(0, 0, 0, 0.32) !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cat::after {
    background:
        radial-gradient(ellipse at 22% 20%, rgba(255, 255, 255, 0.86) 0 3px, transparent 5px),
        radial-gradient(ellipse at 79% 20%, rgba(240, 171, 252, 0.72) 0 3px, transparent 5px),
        radial-gradient(ellipse at 48% 86%, rgba(125, 211, 252, 0.62) 0 4px, transparent 7px);
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame .premium-frame-deco {
    position: absolute;
    pointer-events: none;
    border-radius: 32px;
    opacity: 0;
    transform: translateZ(0);
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame .premium-frame-glow {
    inset: -28px;
    z-index: 0;
    filter: blur(12px);
    will-change: transform, opacity;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame .premium-frame-orbit {
    inset: -21px;
    z-index: 2;
    background: conic-gradient(from 0deg, transparent, rgba(255,255,255,.9), transparent 28%, rgba(255,255,255,.65), transparent 58%, rgba(255,255,255,.75), transparent);
    -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 18px), #000 calc(100% - 17px));
    mask: radial-gradient(farthest-side, transparent calc(100% - 18px), #000 calc(100% - 17px));
    will-change: transform;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame .premium-frame-character {
    z-index: 5;
    width: 64px;
    height: 64px;
    right: -28px;
    top: -28px;
    filter: drop-shadow(0 12px 18px rgba(0,0,0,.42));
    will-change: transform;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame .premium-frame-character::before,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame .premium-frame-character::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-fire .premium-frame-glow,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-dragon .premium-frame-glow {
    opacity: .86;
    background:
        radial-gradient(circle at 50% 18%, rgba(255,241,168,.62), transparent 30%),
        radial-gradient(circle at 45% 78%, rgba(255,122,24,.72), transparent 36%),
        radial-gradient(circle at 72% 54%, rgba(193,39,45,.50), transparent 34%);
    animation: premiumFrameDecoPulse 4.4s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-fire .premium-frame-orbit,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-dragon .premium-frame-orbit {
    opacity: .92;
    background: conic-gradient(from 0deg, transparent 0 9%, #ffef9a 11%, #ff7a18 20%, transparent 32%, #c1272d 45%, #ffd15c 56%, transparent 67%, #ff7a18 76%, transparent 100%);
    animation: premiumFrameOrbitRotate 7.5s linear infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-fire .premium-frame-character {
    opacity: 1;
    border-radius: 62% 38% 58% 42% / 64% 42% 58% 36%;
    background:
        radial-gradient(circle at 40% 34%, #fff4b8 0 12%, transparent 13%),
        radial-gradient(circle at 46% 50%, #ffb11f 0 28%, transparent 29%),
        radial-gradient(circle at 48% 64%, #f97316 0 46%, #c1272d 68%, transparent 70%);
    animation: premiumFrameFlameFloat 2.35s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-fire .premium-frame-character::before,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-fire .premium-frame-character::after {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ffd15c;
    box-shadow: 20px 24px 0 -3px #ff7a18, -10px 28px 0 -4px #fff1a8;
    animation: premiumFrameSparkLift 2.4s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-fire .premium-frame-character::before {
    left: -4px;
    top: 22px;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-dragon .premium-frame-character {
    opacity: 1;
    width: 72px;
    height: 58px;
    right: -31px;
    top: -24px;
    border-radius: 46% 54% 48% 52% / 52% 44% 56% 48%;
    background:
        radial-gradient(circle at 68% 43%, #fff1a8 0 4px, transparent 5px),
        radial-gradient(circle at 33% 30%, rgba(255,239,154,.82) 0 10px, transparent 11px),
        linear-gradient(135deg, #8a1d14 0%, #c1272d 46%, #ff7a18 100%);
    animation: premiumFrameCreatureFloat 3.2s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-dragon .premium-frame-character::before {
    left: 8px;
    top: -11px;
    width: 48px;
    height: 28px;
    border-radius: 50%;
    background:
        conic-gradient(from 28deg, transparent 0 20%, #ffd15c 21% 34%, transparent 35% 55%, #ffd15c 56% 70%, transparent 71%),
        radial-gradient(circle at 50% 90%, rgba(255,209,92,.38), transparent 48%);
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-dragon .premium-frame-character::after {
    right: -14px;
    top: 28px;
    width: 34px;
    height: 16px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(255,239,154,.92), rgba(255,122,24,.28), transparent);
    transform-origin: left center;
    animation: premiumFrameFlameTongue 1.9s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-water .premium-frame-glow {
    opacity: .74;
    background:
        radial-gradient(circle at 52% 24%, rgba(224,250,255,.62), transparent 30%),
        radial-gradient(circle at 48% 70%, rgba(56,189,248,.68), transparent 40%);
    animation: premiumFrameDecoPulse 5.2s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-water .premium-frame-orbit {
    opacity: .86;
    background: conic-gradient(from 0deg, transparent 0 8%, #e0faff 10%, #38bdf8 26%, transparent 38%, #0284c7 54%, #7dd3fc 68%, transparent 82%, #f0fdff 92%, transparent);
    animation: premiumFrameOrbitRotate 10s linear infinite reverse;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-water .premium-frame-character {
    opacity: 1;
    border-radius: 62% 38% 60% 40% / 72% 46% 54% 28%;
    background:
        radial-gradient(circle at 35% 28%, rgba(255,255,255,.9) 0 8px, transparent 9px),
        linear-gradient(145deg, rgba(224,250,255,.96), rgba(56,189,248,.86) 48%, rgba(2,132,199,.92));
    animation: premiumFrameWaveFloat 3.4s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-water .premium-frame-character::before {
    inset: 10px 6px 6px 18px;
    border-radius: inherit;
    border: 2px solid rgba(255,255,255,.38);
    transform: rotate(-18deg);
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cat .premium-frame-glow {
    opacity: .62;
    background:
        radial-gradient(circle at 48% 22%, rgba(240,171,252,.58), transparent 30%),
        radial-gradient(circle at 54% 72%, rgba(125,211,252,.48), transparent 38%);
    animation: premiumFrameDecoPulse 5s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cat .premium-frame-character {
    opacity: 1;
    right: calc(50% - 32px);
    top: -35px;
    border-radius: 50% 50% 48% 48%;
    background:
        radial-gradient(circle at 38% 46%, #15101a 0 4px, transparent 5px),
        radial-gradient(circle at 62% 46%, #15101a 0 4px, transparent 5px),
        radial-gradient(circle at 50% 70%, rgba(255,255,255,.72) 0 4px, transparent 5px),
        linear-gradient(145deg, #fff, #f0abfc 54%, #7dd3fc);
    animation: premiumFrameCreatureFloat 3.1s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cat .premium-frame-character::before,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cat .premium-frame-character::after {
    top: -12px;
    width: 24px;
    height: 28px;
    background: linear-gradient(145deg, #fff, #f0abfc);
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cat .premium-frame-character::before {
    left: 4px;
    transform: rotate(-14deg);
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cat .premium-frame-character::after {
    right: 4px;
    transform: rotate(14deg);
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-code-orbit .premium-frame-glow {
    opacity: .68;
    background:
        radial-gradient(circle at 50% 26%, rgba(48,200,134,.50), transparent 34%),
        radial-gradient(circle at 45% 70%, rgba(253,185,19,.34), transparent 40%);
    animation: premiumFrameDecoPulse 4.8s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-code-orbit .premium-frame-orbit {
    opacity: .92;
    background: conic-gradient(from 0deg, transparent 0 6%, #30c886 8%, transparent 20%, #fdb913 34%, transparent 48%, #30c886 60%, transparent 72%, #fdb913 82%, transparent);
    animation: premiumFrameOrbitRotate 6.5s linear infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-code-orbit .premium-frame-character {
    opacity: 1;
    display: grid;
    place-items: center;
    border-radius: 18px;
    background: linear-gradient(145deg, #0b1f18, #0f3d2d);
    border: 1px solid rgba(48,200,134,.64);
    box-shadow: inset 0 0 0 1px rgba(253,185,19,.18);
    animation: premiumFrameCreatureFloat 3.4s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-code-orbit .premium-frame-character::before {
    content: "</>";
    position: static;
    color: #30c886;
    font: 900 1.08rem/1 monospace;
    text-shadow: 0 0 12px rgba(48,200,134,.82);
    animation: premiumFrameCodeBlink 2s steps(2, end) infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-code-orbit .premium-frame-character::after {
    left: -16px;
    bottom: 9px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fdb913;
    box-shadow: 22px -48px 0 -4px #30c886, 58px 24px 0 -5px #30c886;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-forest .premium-frame-glow {
    opacity: .64;
    background:
        radial-gradient(circle at 50% 25%, rgba(217,249,157,.48), transparent 34%),
        radial-gradient(circle at 48% 72%, rgba(34,197,94,.54), transparent 42%);
    animation: premiumFrameDecoPulse 5.4s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-forest .premium-frame-orbit {
    opacity: .82;
    background: conic-gradient(from 0deg, transparent 0 8%, #d9f99d 10%, #84cc16 26%, transparent 40%, #166534 58%, #22c55e 70%, transparent 88%);
    animation: premiumFrameOrbitRotate 11s linear infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-forest .premium-frame-character {
    opacity: 1;
    border-radius: 70% 30% 70% 30% / 60% 36% 64% 40%;
    background:
        radial-gradient(circle at 34% 34%, rgba(255,255,255,.62) 0 6px, transparent 7px),
        linear-gradient(145deg, #d9f99d, #22c55e 55%, #166534);
    transform-origin: 65% 70%;
    animation: premiumFrameLeafFloat 3.8s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-forest .premium-frame-character::before {
    left: 30px;
    top: 6px;
    width: 3px;
    height: 50px;
    border-radius: 99px;
    background: rgba(255,255,255,.42);
    transform: rotate(42deg);
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame {
    --premium-avatar-radius: 28px;
    --premium-frame-gradient: linear-gradient(135deg, rgba(255,255,255,.82), rgba(253,185,19,.70), rgba(48,200,134,.70));
    --premium-frame-glow: rgba(253, 185, 19, .22);
    border: 0 !important;
    border-radius: var(--premium-avatar-radius) !important;
    background: var(--bg-main) !important;
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.32) !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame img,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame #avatar-initial {
    z-index: 3;
    width: 100%;
    height: 100%;
    border-radius: inherit !important;
    object-fit: contain;
    background: #111;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame::before {
    inset: -9px;
    z-index: 4;
    padding: 5px;
    border-radius: calc(var(--premium-avatar-radius) + 9px);
    opacity: 1;
    background: var(--premium-frame-gradient);
    transform: none;
    animation: premiumFrameBorderShift 7s linear infinite;
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    mask-composite: exclude;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame::after {
    inset: -12px;
    z-index: 5;
    border-radius: calc(var(--premium-avatar-radius) + 12px);
    opacity: var(--frame-spark-opacity);
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    mask-composite: exclude;
    padding: 7px;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame .premium-frame-glow {
    inset: -15px;
    z-index: 0;
    border-radius: calc(var(--premium-avatar-radius) + 15px);
    filter: blur(14px);
    background: var(--premium-frame-glow);
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame .premium-frame-orbit {
    inset: -14px;
    z-index: 5;
    padding: 4px;
    border-radius: calc(var(--premium-avatar-radius) + 14px);
    background: var(--premium-frame-gradient);
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    mask-composite: exclude;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame .premium-frame-character {
    z-index: 6;
    right: -36px;
    top: -36px;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-gold {
    --premium-frame-gradient: linear-gradient(135deg, #fff4b8, #fdb913, #f59e0b);
    --premium-frame-glow: rgba(253, 185, 19, .34);
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-neon,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-glass,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cat {
    --premium-frame-gradient: linear-gradient(135deg, #ffffff, #7dd3fc, #f0abfc, #ffffff);
    --premium-frame-glow: rgba(125, 211, 252, .30);
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-lithuania,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-mentor {
    --premium-frame-gradient: linear-gradient(135deg, #fdb913, #006a44, #c1272d);
    --premium-frame-glow: rgba(0, 106, 68, .26);
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-code,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-matrix,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-code-orbit {
    --premium-frame-gradient: linear-gradient(135deg, #fdb913, #30c886, #22c55e, #30c886);
    --premium-frame-glow: rgba(48, 200, 134, .34);
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-ruby,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-fire,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-dragon,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-solar {
    --premium-frame-gradient: linear-gradient(135deg, #ffef9a, #ff7a18, #c1272d, #ff7a18);
    --premium-frame-glow: rgba(249, 115, 22, .36);
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-water {
    --premium-frame-gradient: linear-gradient(135deg, #e0faff, #38bdf8, #0369a1, #7dd3fc);
    --premium-frame-glow: rgba(56, 189, 248, .34);
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-forest {
    --premium-frame-gradient: linear-gradient(135deg, #d9f99d, #84cc16, #166534, #22c55e);
    --premium-frame-glow: rgba(132, 204, 22, .30);
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cat .premium-frame-character {
    right: -34px;
    top: -36px;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame::before {
    padding: 0;
    border: 5px solid rgba(255, 255, 255, 0.62);
    background: transparent !important;
    box-shadow: 0 0 0 1px var(--premium-frame-glow), 0 0 22px var(--premium-frame-glow);
    animation: none;
    -webkit-mask: none;
    mask: none;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame::after {
    padding: 0;
    background: none;
    -webkit-mask: none;
    mask: none;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame .premium-frame-orbit {
    display: none;
}

@supports (-webkit-mask-composite: xor) or (mask-composite: exclude) {
    body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame::before {
        padding: 5px;
        border: 0;
        background: var(--premium-frame-gradient) !important;
        box-shadow: none;
        animation: premiumFrameBorderShift 7s linear infinite;
        -webkit-mask:
            linear-gradient(#000 0 0) content-box,
            linear-gradient(#000 0 0);
        -webkit-mask-composite: xor;
        mask:
            linear-gradient(#000 0 0) content-box,
            linear-gradient(#000 0 0);
        mask-composite: exclude;
    }

    body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame::after {
        padding: 7px;
        background:
            radial-gradient(circle at 18% 22%, rgba(255, 255, 255, 0.78) 0 2px, transparent 3px),
            radial-gradient(circle at 80% 18%, rgba(255, 255, 255, 0.46) 0 2px, transparent 3px),
            radial-gradient(circle at 78% 82%, rgba(255, 255, 255, 0.38) 0 2px, transparent 3px),
            radial-gradient(circle at 22% 78%, rgba(255, 255, 255, 0.42) 0 2px, transparent 3px);
        -webkit-mask:
            linear-gradient(#000 0 0) content-box,
            linear-gradient(#000 0 0);
        -webkit-mask-composite: xor;
        mask:
            linear-gradient(#000 0 0) content-box,
            linear-gradient(#000 0 0);
        mask-composite: exclude;
    }

    body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame .premium-frame-orbit {
        display: block;
    }
}

@keyframes premiumFrameBorderShift {
    0%, 100% { filter: hue-rotate(0deg) brightness(1); }
    50% { filter: hue-rotate(16deg) brightness(1.08); }
}

@keyframes premiumFrameBreath {
    0%, 100% { transform: scale(.99) rotate(-1deg); opacity: var(--frame-effect-opacity); }
    45% { transform: scale(1.045) rotate(1.2deg); opacity: var(--frame-effect-opacity); }
    70% { transform: scale(1.018) rotate(-.5deg); }
}

@keyframes premiumFrameOrbitRotate {
    to { transform: rotate(360deg); }
}

@keyframes premiumFrameDecoPulse {
    0%, 100% { transform: scale(.96); opacity: .62; }
    50% { transform: scale(1.06); opacity: .92; }
}

@keyframes premiumFrameFlameFloat {
    0%, 100% { transform: translate3d(0, 0, 0) rotate(-10deg) scale(.98); filter: brightness(1); }
    45% { transform: translate3d(-2px, 6px, 0) rotate(-2deg) scale(1.05); filter: brightness(1.18); }
    70% { transform: translate3d(2px, 2px, 0) rotate(-14deg) scale(1.01); }
}

@keyframes premiumFrameCreatureFloat {
    0%, 100% { transform: translate3d(0, 0, 0) rotate(-3deg); }
    50% { transform: translate3d(-2px, 7px, 0) rotate(4deg); }
}

@keyframes premiumFrameSparkLift {
    0%, 100% { transform: translate3d(0, 8px, 0) scale(.75); opacity: .22; }
    45% { transform: translate3d(8px, -12px, 0) scale(1); opacity: .95; }
}

@keyframes premiumFrameFlameTongue {
    0%, 100% { transform: scaleX(.82) rotate(1deg); opacity: .42; }
    50% { transform: scaleX(1.18) rotate(-3deg); opacity: .95; }
}

@keyframes premiumFrameWaveFloat {
    0%, 100% { transform: translate3d(0, 0, 0) rotate(8deg) scale(.98); }
    50% { transform: translate3d(-3px, 6px, 0) rotate(-6deg) scale(1.04); }
}

@keyframes premiumFrameCodeBlink {
    0%, 100% { opacity: 1; }
    50% { opacity: .55; }
}

@keyframes premiumFrameLeafFloat {
    0%, 100% { transform: translate3d(0, 0, 0) rotate(18deg); }
    50% { transform: translate3d(-4px, 7px, 0) rotate(30deg); }
}

@keyframes premiumFrameSparkDrift {
    0%, 100% { transform: translate3d(-2px, 1px, 0) rotate(0deg); }
    40% { transform: translate3d(3px, -3px, 0) rotate(8deg); }
    72% { transform: translate3d(-1px, 4px, 0) rotate(-5deg); }
}

@media (max-width: 640px) {
    body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame::before {
        inset: -24px;
    }
    body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame::after {
        inset: -14px;
        animation: none !important;
    }
    body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame .premium-frame-glow {
        inset: -20px;
        filter: blur(9px);
    }
    body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame .premium-frame-orbit {
        inset: -17px;
    }
    body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame .premium-frame-character {
        transform: scale(.84);
        transform-origin: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame::before,
    body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame::after,
    body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame .premium-frame-deco,
    body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame .premium-frame-deco::before,
    body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame .premium-frame-deco::after {
        animation: none !important;
    }
}

/* Discord-style avatar decorations: decoration sits around/over the avatar, not as a blocking border. */
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame {
    --avatar-decoration-ring: conic-gradient(from 0deg, #ffffff, #fdb913, #30c886, #7dd3fc, #ffffff);
    --avatar-decoration-glow: rgba(253, 185, 19, .26);
    --avatar-decoration-spark: rgba(255, 255, 255, .72);
    --profile-avatar-decoration-size: clamp(132px, 16vw, 178px);
    display: grid !important;
    place-items: center !important;
    inline-size: var(--profile-avatar-decoration-size) !important;
    block-size: var(--profile-avatar-decoration-size) !important;
    width: var(--profile-avatar-decoration-size) !important;
    height: var(--profile-avatar-decoration-size) !important;
    min-width: var(--profile-avatar-decoration-size) !important;
    min-height: var(--profile-avatar-decoration-size) !important;
    max-width: var(--profile-avatar-decoration-size) !important;
    max-height: var(--profile-avatar-decoration-size) !important;
    flex: 0 0 var(--profile-avatar-decoration-size) !important;
    aspect-ratio: 1 / 1 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    overflow: visible !important;
    isolation: isolate;
    box-sizing: border-box !important;
    line-height: 0 !important;
    box-shadow: none !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame img,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame #avatar-initial {
    position: absolute !important;
    inset: 0 !important;
    z-index: 3;
    display: block !important;
    inline-size: 100% !important;
    block-size: 100% !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: auto !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 999px !important;
    clip-path: circle(50% at 50% 50%);
    background: #111;
    box-shadow:
        0 18px 36px rgba(0, 0, 0, .38),
        0 0 0 3px rgba(255, 255, 255, .12);
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame img {
    object-fit: cover;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame #avatar-initial {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame::before {
    content: "";
    position: absolute;
    inset: -6px;
    z-index: 4;
    border-radius: 50%;
    padding: 0;
    border: 0;
    opacity: 1;
    background: var(--avatar-decoration-ring) !important;
    filter: drop-shadow(0 0 12px var(--avatar-decoration-glow));
    animation: premiumAvatarDecorationRing 8s linear infinite;
    pointer-events: none;
    -webkit-mask: radial-gradient(circle, transparent 0 87%, #000 88% 98%, transparent 99%);
    mask: radial-gradient(circle, transparent 0 87%, #000 88% 98%, transparent 99%);
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame::after {
    content: "";
    position: absolute;
    inset: -10px;
    z-index: 5;
    border-radius: 50%;
    padding: 0;
    opacity: .66;
    mix-blend-mode: screen;
    background:
        radial-gradient(circle at 18% 22%, var(--avatar-decoration-spark) 0 2px, transparent 3px),
        radial-gradient(circle at 78% 16%, rgba(255,255,255,.52) 0 2px, transparent 4px),
        radial-gradient(circle at 86% 58%, rgba(255,255,255,.38) 0 2px, transparent 4px),
        radial-gradient(circle at 22% 80%, rgba(255,255,255,.46) 0 3px, transparent 5px);
    animation: premiumAvatarDecorationSparkle 5.8s ease-in-out infinite;
    pointer-events: none;
    -webkit-mask: none;
    mask: none;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame .premium-frame-glow {
    inset: -10px;
    z-index: 0;
    border-radius: 50%;
    opacity: .58;
    filter: blur(10px);
    background:
        radial-gradient(circle at 50% 50%, var(--avatar-decoration-glow), transparent 68%);
    animation: premiumAvatarDecorationPulse 4.8s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame .premium-frame-orbit {
    display: block;
    inset: -8px;
    z-index: 4;
    border-radius: 50%;
    opacity: .42;
    background: var(--avatar-decoration-ring) !important;
    animation: premiumAvatarDecorationOrbit 11s linear infinite;
    -webkit-mask: radial-gradient(circle, transparent 0 89%, #000 90% 95%, transparent 96%);
    mask: radial-gradient(circle, transparent 0 89%, #000 90% 95%, transparent 96%);
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame .premium-frame-character {
    display: block;
    z-index: 6;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    opacity: 1;
    filter: drop-shadow(0 8px 12px rgba(0, 0, 0, .38));
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame .premium-frame-asset {
    --avatar-frame-asset-motion-base: 1;
    --avatar-frame-asset-motion-soft: 1.015;
    --avatar-frame-asset-motion-mid: 1.018;
    --avatar-frame-asset-motion-pulse: 1.025;
    display: block;
    z-index: 7;
    inset: -18%;
    width: auto;
    height: auto;
    border-radius: 0;
    opacity: var(--avatar-frame-asset-opacity, 1);
    background: var(--avatar-frame-asset) center / var(--avatar-frame-asset-bg-size, contain) no-repeat;
    filter:
        drop-shadow(0 0 12px var(--avatar-frame-asset-glow, var(--avatar-decoration-glow)))
        drop-shadow(0 16px 18px rgba(0, 0, 0, .32));
    transform:
        translate3d(var(--avatar-frame-asset-offset-x, 0%), var(--avatar-frame-asset-offset-y, 0%), 0)
        scale(var(--avatar-frame-asset-motion-base, 1));
    transform-origin: 50% 50%;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame .premium-frame-asset-fire {
    animation: premiumAvatarAssetFire 2.1s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame .premium-frame-asset-float {
    animation: premiumAvatarAssetFloat 3.8s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame .premium-frame-asset-sparkle {
    animation: premiumAvatarAssetSparkle 3.2s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame .premium-frame-asset-glow {
    animation: premiumAvatarAssetGlow 3s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame .premium-frame-asset-orbit {
    animation: premiumAvatarAssetOrbit 11s linear infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame .premium-frame-asset-swing {
    animation: premiumAvatarAssetSwing 3.4s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.has-avatar-decoration {
    --avatar-size: var(--profile-avatar-decoration-size, 168px);
    --decoration-blue: rgba(125, 211, 252, .92);
    --decoration-blue-soft: rgba(186, 230, 253, .62);
    --decoration-white: rgba(255, 255, 255, .94);
    --decoration-glow: rgba(125, 211, 252, .50);
    --decoration-shadow: rgba(15, 23, 42, .45);
    --decoration-cloud-top: rgba(255, 255, 255, .96);
    --decoration-cloud-mid: rgba(191, 219, 254, .76);
    --decoration-cloud-low: rgba(59, 130, 246, .32);
    --decoration-ring-a: rgba(56, 189, 248, .92);
    --decoration-ring-b: rgba(147, 197, 253, .74);
    --decoration-accent: rgba(255, 255, 255, .90);
    width: var(--avatar-size) !important;
    height: var(--avatar-size) !important;
    border-radius: 50% !important;
    background: transparent !important;
    border: 0 !important;
    overflow: visible !important;
    isolation: isolate;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.has-avatar-decoration.frame-earth-cloud-globe,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.has-avatar-decoration.frame-cloud-orbit-globe,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.has-avatar-decoration.frame-moon-glass-globe,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.has-avatar-decoration.frame-magnetosphere-globe {
    box-shadow: none !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.has-avatar-decoration::before,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.has-avatar-decoration::after {
    opacity: 0 !important;
    animation: none !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.has-avatar-decoration .avatar-image {
    border-radius: 50% !important;
    z-index: 3;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.has-avatar-decoration .premium-frame-deco,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.has-avatar-decoration .premium-frame-asset,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.has-avatar-decoration .premium-frame-asset::before,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.has-avatar-decoration .premium-frame-asset::after {
    display: none !important;
}

@media (max-width: 1000px) {
    body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.has-avatar-decoration {
        --profile-avatar-decoration-size: 132px;
    }
}

body.page-public-profile.workspace-profile-page .avatar-decoration-wrapper {
    position: absolute;
    inset: -34%;
    z-index: 6;
    display: block;
    border-radius: 50%;
    pointer-events: none;
    background: transparent;
    transform: translateZ(0);
    transform-origin: 50% 50%;
    will-change: transform, opacity, filter;
}

body.page-public-profile.workspace-profile-page .avatar-decoration-ambient-wrapper {
    inset: -28%;
    z-index: 5;
    opacity: .84;
    mix-blend-mode: screen;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.has-avatar-decoration-ambient .premium-frame-glow {
    opacity: .42;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.has-avatar-decoration-ambient .premium-frame-asset {
    z-index: 7;
}

body.page-public-profile.workspace-profile-page .avatar-decoration-ambient-wrapper .decoration-clouds-back,
body.page-public-profile.workspace-profile-page .avatar-decoration-ambient-wrapper .decoration-clouds-front,
body.page-public-profile.workspace-profile-page .avatar-decoration-ambient-wrapper .decoration-layer-motif {
    display: none;
}

body.page-public-profile.workspace-profile-page .avatar-decoration-ambient-wrapper .decoration-layer-back {
    inset: 4%;
    opacity: .46;
    filter: blur(11px);
}

body.page-public-profile.workspace-profile-page .avatar-decoration-ambient-wrapper .decoration-layer-inner-glow {
    inset: 19%;
    opacity: .34;
}

body.page-public-profile.workspace-profile-page .avatar-decoration-ambient-wrapper .decoration-layer-ring {
    inset: 9%;
    opacity: .52;
    animation-duration: 14s;
}

body.page-public-profile.workspace-profile-page .avatar-decoration-ambient-wrapper .decoration-layer-orbit {
    inset: 3%;
    opacity: .46;
    animation-duration: 8.5s;
}

body.page-public-profile.workspace-profile-page .avatar-decoration-wrapper,
body.page-public-profile.workspace-profile-page .avatar-decoration-wrapper * {
    box-sizing: border-box;
}

body.page-public-profile.workspace-profile-page .decoration-layer {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    pointer-events: none;
    background: transparent;
    transform-origin: 50% 50%;
    will-change: transform, opacity, filter;
}

body.page-public-profile.workspace-profile-page .decoration-layer-asset {
    inset: -2%;
    z-index: 6;
    opacity: var(--avatar-decoration-asset-opacity, .98);
    background: var(--avatar-decoration-asset) center / var(--avatar-decoration-asset-bg-size, contain) no-repeat;
    filter:
        drop-shadow(0 0 12px var(--avatar-decoration-asset-glow, var(--decoration-glow)))
        drop-shadow(0 16px 18px rgba(0, 0, 0, .22));
    transform: translate3d(var(--avatar-decoration-asset-offset-x, 0%), var(--avatar-decoration-asset-offset-y, 0%), 0);
    animation: avatarDecorationWebpAssetFloat 7s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .avatar-decoration-has-asset .decoration-layer-ring {
    opacity: .28;
}

body.page-public-profile.workspace-profile-page .avatar-decoration-has-asset .decoration-layer-orbit {
    opacity: .48;
}

body.page-public-profile.workspace-profile-page .avatar-decoration-has-asset .decoration-layer-motif,
body.page-public-profile.workspace-profile-page .avatar-decoration-has-asset .decoration-clouds-back,
body.page-public-profile.workspace-profile-page .avatar-decoration-has-asset .decoration-clouds-front {
    display: none;
}

body.page-public-profile.workspace-profile-page .decoration-layer-back {
    inset: 5%;
    z-index: 1;
    opacity: .68;
    background:
        radial-gradient(circle at 50% 50%, transparent 0 30%, rgba(255,255,255,.18) 34%, var(--decoration-glow) 42%, transparent 67%),
        conic-gradient(from 18deg, transparent 0 16%, var(--decoration-ring-a) 20%, transparent 31% 58%, var(--decoration-ring-b) 63%, transparent 78% 100%);
    filter: blur(14px);
    -webkit-mask: radial-gradient(circle, transparent 0 30%, #000 36% 80%, transparent 92%);
    mask: radial-gradient(circle, transparent 0 30%, #000 36% 80%, transparent 92%);
    animation: avatarDecorationGlowBreath 5.8s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .decoration-layer-inner-glow {
    inset: 16%;
    z-index: 2;
    opacity: .58;
    background:
        radial-gradient(circle, transparent 0 50%, rgba(255,255,255,.34) 55%, var(--decoration-blue-soft) 60%, transparent 68%),
        conic-gradient(from 40deg, transparent 0 12%, var(--decoration-ring-a) 17%, transparent 27% 52%, var(--decoration-accent) 56%, transparent 64% 100%);
    filter: blur(1px);
    -webkit-mask: radial-gradient(circle, transparent 0 48%, #000 54% 68%, transparent 73%);
    mask: radial-gradient(circle, transparent 0 48%, #000 54% 68%, transparent 73%);
    animation: avatarDecorationInnerBreath 4.8s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .decoration-layer-ring {
    inset: 10%;
    z-index: 3;
    opacity: .88;
    background:
        conic-gradient(from 0deg, transparent 0 9%, rgba(255,255,255,.96) 11%, transparent 14% 31%, var(--decoration-ring-a) 36%, transparent 43% 60%, var(--decoration-ring-b) 66%, transparent 74% 100%),
        conic-gradient(from 190deg, rgba(255,255,255,.42), transparent 18%, var(--decoration-ring-a), transparent 38%, rgba(255,255,255,.58), transparent 58%, var(--decoration-ring-b), transparent 84%, rgba(255,255,255,.36));
    filter:
        drop-shadow(0 0 10px var(--avatar-frame-asset-glow, var(--decoration-glow)))
        drop-shadow(0 11px 16px rgba(0, 0, 0, .24));
    -webkit-mask: radial-gradient(circle, transparent 0 57%, #000 62% 66%, transparent 70%);
    mask: radial-gradient(circle, transparent 0 57%, #000 62% 66%, transparent 70%);
    animation: avatarDecorationRingSpin 18s linear infinite;
}

body.page-public-profile.workspace-profile-page .decoration-layer-orbit {
    inset: 4%;
    z-index: 4;
    opacity: .74;
    background:
        conic-gradient(from 0deg, transparent 0 13%, rgba(255,255,255,.90) 15%, transparent 18% 45%, var(--decoration-ring-a) 48%, transparent 53% 100%);
    filter: blur(.2px) drop-shadow(0 0 8px var(--decoration-glow));
    -webkit-mask: radial-gradient(circle, transparent 0 61%, #000 64% 66%, transparent 69%);
    mask: radial-gradient(circle, transparent 0 61%, #000 64% 66%, transparent 69%);
    animation: avatarDecorationOrbitSpin 11s linear infinite;
}

body.page-public-profile.workspace-profile-page .decoration-clouds-back,
body.page-public-profile.workspace-profile-page .decoration-clouds-front {
    z-index: 5;
    overflow: visible;
    background: transparent;
    filter: none;
    -webkit-mask: radial-gradient(circle, transparent 0 30%, #000 35% 94%, transparent 99%);
    mask: radial-gradient(circle, transparent 0 30%, #000 35% 94%, transparent 99%);
}

body.page-public-profile.workspace-profile-page .decoration-clouds-back {
    opacity: .72;
    transform: scale(.98);
    animation: avatarDecorationCloudBackDrift 12s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .decoration-clouds-front {
    z-index: 8;
    opacity: .98;
    animation: avatarDecorationCloudFrontDrift 8.5s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .decoration-cloud {
    position: absolute;
    left: var(--cloud-x, 50%);
    top: var(--cloud-y, 50%);
    width: var(--cloud-width, 30%);
    height: var(--cloud-height, 14%);
    opacity: var(--cloud-opacity, .86);
    border-radius: 999px;
    background:
        radial-gradient(ellipse at 14% 64%, rgba(255,255,255,.98) 0 18%, var(--cloud-tint, var(--decoration-cloud-top)) 30%, transparent 55%),
        radial-gradient(ellipse at 30% 45%, rgba(255,255,255,.98) 0 25%, var(--decoration-cloud-mid) 42%, transparent 68%),
        radial-gradient(ellipse at 52% 39%, rgba(255,255,255,.96) 0 29%, var(--decoration-cloud-mid) 47%, transparent 70%),
        radial-gradient(ellipse at 72% 53%, rgba(255,255,255,.94) 0 24%, var(--decoration-cloud-mid) 42%, transparent 67%),
        radial-gradient(ellipse at 88% 66%, rgba(255,255,255,.88) 0 17%, var(--decoration-cloud-low) 40%, transparent 64%),
        linear-gradient(180deg, rgba(255,255,255,.20), var(--decoration-cloud-low) 74%, transparent),
        url("/images/profile-effects/source/cloud-texture-512.jpg") center / 240% 240%;
    background-blend-mode: normal, normal, normal, normal, normal, normal, screen;
    -webkit-mask:
        radial-gradient(ellipse at 14% 64%, #000 0 34%, transparent 58%),
        radial-gradient(ellipse at 30% 45%, #000 0 44%, transparent 70%),
        radial-gradient(ellipse at 52% 39%, #000 0 46%, transparent 72%),
        radial-gradient(ellipse at 72% 53%, #000 0 40%, transparent 68%),
        radial-gradient(ellipse at 88% 66%, #000 0 30%, transparent 62%);
    mask:
        radial-gradient(ellipse at 14% 64%, #000 0 34%, transparent 58%),
        radial-gradient(ellipse at 30% 45%, #000 0 44%, transparent 70%),
        radial-gradient(ellipse at 52% 39%, #000 0 46%, transparent 72%),
        radial-gradient(ellipse at 72% 53%, #000 0 40%, transparent 68%),
        radial-gradient(ellipse at 88% 66%, #000 0 30%, transparent 62%);
    filter:
        drop-shadow(0 9px 10px rgba(8, 15, 31, .22))
        drop-shadow(0 0 14px var(--decoration-glow))
        blur(.15px);
    transform: translate(-50%, -50%) rotate(var(--cloud-rotate, 0deg)) scale(var(--cloud-scale, 1));
    transform-origin: 50% 62%;
    animation: avatarDecorationCloudClusterFloat var(--cloud-duration, 10s) ease-in-out infinite;
    animation-delay: var(--cloud-delay, 0s);
    will-change: transform, opacity, filter;
}

body.page-public-profile.workspace-profile-page .decoration-cloud::before,
body.page-public-profile.workspace-profile-page .decoration-cloud::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
}

body.page-public-profile.workspace-profile-page .decoration-cloud::before {
    background:
        radial-gradient(ellipse at 31% 31%, rgba(255,255,255,.92), transparent 38%),
        radial-gradient(ellipse at 66% 30%, rgba(255,255,255,.72), transparent 34%);
    filter: blur(1px);
    opacity: .74;
}

body.page-public-profile.workspace-profile-page .decoration-cloud::after {
    inset: 34% 6% 2%;
    background:
        radial-gradient(ellipse at 45% 50%, var(--decoration-cloud-low), transparent 70%);
    filter: blur(5px);
    opacity: .58;
}

body.page-public-profile.workspace-profile-page .decoration-layer-motif {
    z-index: 7;
    -webkit-mask: radial-gradient(circle, transparent 0 34%, #000 39% 91%, transparent 96%);
    mask: radial-gradient(circle, transparent 0 34%, #000 39% 91%, transparent 96%);
}

body.page-public-profile.workspace-profile-page .decoration-layer-motif::before,
body.page-public-profile.workspace-profile-page .decoration-layer-motif::after {
    content: "";
    position: absolute;
    pointer-events: none;
    will-change: transform, opacity, filter;
}

body.page-public-profile.workspace-profile-page .avatar-decoration-theme-celestial .decoration-layer-motif::before {
    left: 13%;
    bottom: 23%;
    width: 24%;
    height: 32%;
    border-radius: 50%;
    background:
        radial-gradient(ellipse at 36% 50%, rgba(255,255,255,.98) 0 50%, rgba(219,242,255,.92) 58%, rgba(125,211,252,.20) 66%, transparent 69%);
    -webkit-mask: radial-gradient(ellipse at 62% 42%, transparent 0 42%, #000 44% 100%);
    mask: radial-gradient(ellipse at 62% 42%, transparent 0 42%, #000 44% 100%);
    filter:
        drop-shadow(0 0 10px rgba(255,255,255,.90))
        drop-shadow(0 0 20px rgba(125,211,252,.48));
    animation: avatarDecorationMoonFloat 7.8s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .avatar-decoration-theme-celestial .decoration-layer-motif::after {
    inset: 14%;
    border-radius: 50%;
    opacity: .64;
    background:
        radial-gradient(circle at 23% 19%, rgba(255,255,255,.98) 0 1.5px, transparent 5px),
        radial-gradient(circle at 37% 13%, rgba(125,211,252,.76) 0 1.5px, transparent 5px),
        radial-gradient(circle at 73% 28%, rgba(255,255,255,.90) 0 1.8px, transparent 6px),
        radial-gradient(circle at 82% 61%, rgba(125,211,252,.80) 0 1.5px, transparent 6px),
        radial-gradient(circle at 63% 82%, rgba(255,255,255,.78) 0 1.4px, transparent 5px);
    -webkit-mask: radial-gradient(circle, transparent 0 26%, #000 33% 84%, transparent 92%);
    mask: radial-gradient(circle, transparent 0 26%, #000 33% 84%, transparent 92%);
    animation: avatarDecorationSparkleSweep 5.6s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .avatar-decoration-theme-solar {
    --decoration-blue: rgba(253, 224, 71, .90);
    --decoration-blue-soft: rgba(254, 240, 138, .64);
    --decoration-glow: rgba(251, 191, 36, .48);
    --decoration-cloud-top: rgba(255, 255, 246, .98);
    --decoration-cloud-mid: rgba(254, 215, 170, .80);
    --decoration-cloud-low: rgba(251, 146, 60, .34);
    --decoration-ring-a: rgba(253, 224, 71, .92);
    --decoration-ring-b: rgba(251, 146, 60, .76);
}

body.page-public-profile.workspace-profile-page .avatar-decoration-theme-solar .decoration-layer-motif::before {
    right: 20%;
    top: 16%;
    width: 23%;
    height: 23%;
    border-radius: 50%;
    background:
        repeating-conic-gradient(from 0deg, rgba(253,224,71,.72) 0 7deg, transparent 7deg 17deg),
        radial-gradient(circle, rgba(255,255,236,.98) 0 35%, rgba(253,224,71,.82) 58%, transparent 68%);
    filter: drop-shadow(0 0 18px rgba(253,224,71,.58));
    animation: avatarDecorationSunPulse 4.2s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .avatar-decoration-theme-solar .decoration-layer-motif::after {
    inset: 12%;
    opacity: .50;
    background:
        conic-gradient(from 20deg, transparent 0 10%, rgba(255,255,255,.64) 13%, transparent 18% 44%, rgba(253,224,71,.48) 48%, transparent 54% 100%);
    animation: avatarDecorationOrbitSpin 8s linear infinite reverse;
}

body.page-public-profile.workspace-profile-page .avatar-decoration-theme-storm {
    --decoration-blue: rgba(96, 165, 250, .88);
    --decoration-blue-soft: rgba(148, 163, 184, .62);
    --decoration-glow: rgba(96, 165, 250, .48);
    --decoration-cloud-top: rgba(226, 232, 240, .96);
    --decoration-cloud-mid: rgba(100, 116, 139, .80);
    --decoration-cloud-low: rgba(30, 41, 59, .42);
    --decoration-ring-a: rgba(59, 130, 246, .88);
    --decoration-ring-b: rgba(148, 163, 184, .74);
}

body.page-public-profile.workspace-profile-page .avatar-decoration-theme-storm .decoration-layer-motif::before {
    left: 27%;
    top: 18%;
    width: 42%;
    height: 58%;
    background:
        linear-gradient(128deg, transparent 0 43%, rgba(239,246,255,.96) 44% 46%, transparent 47% 100%),
        linear-gradient(36deg, transparent 0 55%, rgba(125,211,252,.66) 56% 58%, transparent 59% 100%);
    filter: drop-shadow(0 0 16px rgba(147,197,253,.74));
    animation: avatarDecorationStormFlash 3.4s steps(1, end) infinite;
}

body.page-public-profile.workspace-profile-page .avatar-decoration-theme-storm .decoration-layer-motif::after {
    inset: 10%;
    opacity: .72;
    background:
        linear-gradient(112deg, transparent 0 18%, rgba(125,211,252,.66) 19% 20%, transparent 21% 100%),
        linear-gradient(112deg, transparent 0 42%, rgba(191,219,254,.54) 43% 44%, transparent 45% 100%),
        linear-gradient(112deg, transparent 0 68%, rgba(125,211,252,.62) 69% 70%, transparent 71% 100%);
    animation: avatarDecorationRainFall 1.7s linear infinite;
}

body.page-public-profile.workspace-profile-page .avatar-decoration-theme-aurora {
    --decoration-blue: rgba(74, 222, 128, .88);
    --decoration-blue-soft: rgba(196, 181, 253, .64);
    --decoration-glow: rgba(34, 197, 94, .46);
    --decoration-cloud-top: rgba(236, 253, 245, .96);
    --decoration-cloud-mid: rgba(167, 139, 250, .70);
    --decoration-cloud-low: rgba(20, 184, 166, .34);
    --decoration-ring-a: rgba(74, 222, 128, .90);
    --decoration-ring-b: rgba(168, 85, 247, .76);
}

body.page-public-profile.workspace-profile-page .avatar-decoration-theme-aurora .decoration-layer-motif::before {
    inset: 9%;
    background:
        linear-gradient(22deg, transparent 0 21%, rgba(74,222,128,.70) 24% 28%, transparent 33% 100%),
        linear-gradient(-18deg, transparent 0 52%, rgba(168,85,247,.62) 55% 59%, transparent 64% 100%),
        radial-gradient(ellipse at 74% 22%, rgba(34,211,238,.36), transparent 19%);
    animation: avatarDecorationAuroraWave 7.5s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .avatar-decoration-theme-aurora .decoration-layer-motif::after {
    inset: 12%;
    opacity: .58;
    background:
        conic-gradient(from -40deg, transparent 0 18%, rgba(236,253,245,.54) 21%, transparent 27% 60%, rgba(196,181,253,.48) 64%, transparent 72% 100%);
    animation: avatarDecorationRingSpin 14s linear infinite reverse;
}

body.page-public-profile.workspace-profile-page .avatar-decoration-theme-fire {
    --decoration-blue: rgba(249, 115, 22, .92);
    --decoration-blue-soft: rgba(253, 224, 71, .66);
    --decoration-glow: rgba(249, 115, 22, .58);
    --decoration-cloud-top: rgba(255, 246, 189, .94);
    --decoration-cloud-mid: rgba(251, 146, 60, .78);
    --decoration-cloud-low: rgba(127, 29, 29, .40);
    --decoration-ring-a: rgba(255, 237, 160, .94);
    --decoration-ring-b: rgba(239, 68, 68, .82);
    --decoration-accent: rgba(255, 246, 189, .92);
}

body.page-public-profile.workspace-profile-page .avatar-decoration-theme-water {
    --decoration-blue: rgba(56, 189, 248, .92);
    --decoration-blue-soft: rgba(165, 243, 252, .64);
    --decoration-glow: rgba(14, 165, 233, .48);
    --decoration-cloud-top: rgba(236, 254, 255, .96);
    --decoration-cloud-mid: rgba(125, 211, 252, .72);
    --decoration-cloud-low: rgba(37, 99, 235, .34);
    --decoration-ring-a: rgba(165, 243, 252, .92);
    --decoration-ring-b: rgba(37, 99, 235, .76);
    --decoration-accent: rgba(236, 254, 255, .92);
}

body.page-public-profile.workspace-profile-page .avatar-decoration-theme-nature {
    --decoration-blue: rgba(132, 204, 22, .90);
    --decoration-blue-soft: rgba(187, 247, 208, .62);
    --decoration-glow: rgba(34, 197, 94, .42);
    --decoration-cloud-top: rgba(240, 253, 244, .94);
    --decoration-cloud-mid: rgba(134, 239, 172, .72);
    --decoration-cloud-low: rgba(22, 101, 52, .32);
    --decoration-ring-a: rgba(217, 249, 157, .92);
    --decoration-ring-b: rgba(34, 197, 94, .76);
    --decoration-accent: rgba(240, 253, 244, .88);
}

body.page-public-profile.workspace-profile-page .avatar-decoration-theme-magic,
body.page-public-profile.workspace-profile-page .avatar-decoration-theme-stardust {
    --decoration-blue: rgba(168, 85, 247, .90);
    --decoration-blue-soft: rgba(240, 171, 252, .62);
    --decoration-glow: rgba(217, 70, 239, .46);
    --decoration-cloud-top: rgba(250, 245, 255, .96);
    --decoration-cloud-mid: rgba(216, 180, 254, .76);
    --decoration-cloud-low: rgba(124, 58, 237, .34);
    --decoration-ring-a: rgba(244, 114, 182, .90);
    --decoration-ring-b: rgba(125, 211, 252, .76);
    --decoration-accent: rgba(255, 255, 255, .92);
}

body.page-public-profile.workspace-profile-page .avatar-decoration-theme-code {
    --decoration-blue: rgba(48, 200, 134, .90);
    --decoration-blue-soft: rgba(253, 185, 19, .54);
    --decoration-glow: rgba(48, 200, 134, .46);
    --decoration-cloud-top: rgba(236, 253, 245, .94);
    --decoration-cloud-mid: rgba(134, 239, 172, .70);
    --decoration-cloud-low: rgba(15, 118, 110, .34);
    --decoration-ring-a: rgba(48, 200, 134, .94);
    --decoration-ring-b: rgba(253, 185, 19, .78);
    --decoration-accent: rgba(236, 253, 245, .90);
}

body.page-public-profile.workspace-profile-page .avatar-decoration-theme-dark {
    --decoration-blue: rgba(148, 163, 184, .88);
    --decoration-blue-soft: rgba(191, 219, 254, .56);
    --decoration-glow: rgba(96, 165, 250, .38);
    --decoration-cloud-top: rgba(226, 232, 240, .90);
    --decoration-cloud-mid: rgba(100, 116, 139, .72);
    --decoration-cloud-low: rgba(15, 23, 42, .46);
    --decoration-ring-a: rgba(219, 234, 254, .86);
    --decoration-ring-b: rgba(51, 65, 85, .78);
    --decoration-accent: rgba(226, 232, 240, .86);
}

body.page-public-profile.workspace-profile-page .decoration-layer-particles,
body.page-public-profile.workspace-profile-page .decoration-layer-sparkles {
    z-index: 9;
    overflow: visible;
}

body.page-public-profile.workspace-profile-page .decoration-particle {
    position: absolute;
    left: 50%;
    top: 50%;
    width: var(--particle-size, 4px);
    height: var(--particle-size, 4px);
    opacity: var(--particle-opacity, .74);
    transform-origin: 0 0;
    animation: avatarDecorationParticleOrbit var(--particle-duration, 10s) linear infinite;
    animation-delay: var(--particle-delay, 0s);
}

body.page-public-profile.workspace-profile-page .decoration-particle::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: radial-gradient(circle, var(--particle-color, rgba(255,255,255,.95)) 0 38%, transparent 72%);
    box-shadow: 0 0 10px var(--particle-color, rgba(255,255,255,.8));
    transform: translate3d(var(--particle-radius, 88px), 0, 0);
}

body.page-public-profile.workspace-profile-page .decoration-sparkle {
    position: absolute;
    left: var(--sparkle-x, 50%);
    top: var(--sparkle-y, 50%);
    width: var(--sparkle-size, 5px);
    height: var(--sparkle-size, 5px);
    transform: translate(-50%, -50%);
    animation: avatarDecorationSparkleBlink var(--sparkle-duration, 4s) ease-in-out infinite;
    animation-delay: var(--sparkle-delay, 0s);
}

body.page-public-profile.workspace-profile-page .decoration-sparkle::before,
body.page-public-profile.workspace-profile-page .decoration-sparkle::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 999px;
    background: var(--sparkle-color, rgba(255,255,255,.96));
    box-shadow: 0 0 9px var(--sparkle-color, rgba(255,255,255,.8));
    transform: translate(-50%, -50%);
}

body.page-public-profile.workspace-profile-page .decoration-sparkle::before {
    width: 100%;
    height: 24%;
}

body.page-public-profile.workspace-profile-page .decoration-sparkle::after {
    width: 24%;
    height: 100%;
}

@keyframes avatarDecorationGlowBreath {
    0%, 100% { transform: scale(.98); opacity: .58; filter: blur(10px); }
    50% { transform: scale(1.04); opacity: .92; filter: blur(13px); }
}

@keyframes avatarDecorationInnerBreath {
    0%, 100% { transform: scale(.99); opacity: .54; }
    50% { transform: scale(1.025); opacity: .86; }
}

@keyframes avatarDecorationRingSpin {
    to { transform: rotate(360deg); }
}

@keyframes avatarDecorationOrbitSpin {
    to { transform: rotate(-360deg); }
}

@keyframes avatarDecorationCloudBackDrift {
    0%, 100% { transform: translate3d(-1.5%, .5%, 0) scale(.98); opacity: .50; }
    50% { transform: translate3d(1.6%, -1%, 0) scale(1.015); opacity: .72; }
}

@keyframes avatarDecorationCloudFrontDrift {
    0%, 100% { transform: translate3d(1%, 0, 0) scale(1); }
    50% { transform: translate3d(-1.2%, -1.1%, 0) scale(1.025); }
}

@keyframes avatarDecorationWebpAssetFloat {
    0%, 100% {
        transform:
            translate3d(
                calc(var(--avatar-decoration-asset-offset-x, 0%) - .5%),
                calc(var(--avatar-decoration-asset-offset-y, 0%) + .4%),
                0
            )
            scale(.992)
            rotate(-.35deg);
        filter:
            drop-shadow(0 0 10px var(--avatar-decoration-asset-glow, var(--decoration-glow)))
            drop-shadow(0 16px 18px rgba(0, 0, 0, .22))
            brightness(.98);
    }
    50% {
        transform:
            translate3d(
                calc(var(--avatar-decoration-asset-offset-x, 0%) + .7%),
                calc(var(--avatar-decoration-asset-offset-y, 0%) - .6%),
                0
            )
            scale(1.012)
            rotate(.45deg);
        filter:
            drop-shadow(0 0 19px var(--avatar-decoration-asset-glow, var(--decoration-glow)))
            drop-shadow(0 16px 18px rgba(0, 0, 0, .20))
            brightness(1.08);
    }
}

@keyframes avatarDecorationCloudClusterFloat {
    0%, 100% {
        transform:
            translate(-50%, -50%)
            translate3d(var(--cloud-drift-x-start, -1%), var(--cloud-drift-y-start, -.55%), 0)
            rotate(var(--cloud-rotate, 0deg))
            scale(var(--cloud-scale, 1));
        filter:
            drop-shadow(0 9px 10px rgba(8, 15, 31, .22))
            drop-shadow(0 0 13px var(--decoration-glow))
            blur(.18px);
    }
    50% {
        transform:
            translate(-50%, -50%)
            translate3d(var(--cloud-drift-x, 1%), var(--cloud-drift-y, 1%), 0)
            rotate(calc(var(--cloud-rotate, 0deg) + var(--cloud-tilt, 1deg)))
            scale(var(--cloud-scale-mid, 1.02));
        filter:
            drop-shadow(0 11px 12px rgba(8, 15, 31, .20))
            drop-shadow(0 0 18px var(--decoration-glow))
            blur(.08px);
    }
}

@keyframes avatarDecorationMoonFloat {
    0%, 100% { transform: translate3d(0, .5%, 0) rotate(-2deg); opacity: .92; }
    50% { transform: translate3d(-2%, -2.2%, 0) rotate(2deg); opacity: 1; }
}

@keyframes avatarDecorationSunPulse {
    0%, 100% { transform: scale(.96) rotate(0deg); opacity: .72; filter: brightness(1); }
    50% { transform: scale(1.10) rotate(14deg); opacity: 1; filter: brightness(1.22); }
}

@keyframes avatarDecorationStormFlash {
    0%, 100% { opacity: .10; filter: brightness(.9); }
    18% { opacity: .92; filter: brightness(1.7); }
    22% { opacity: .18; filter: brightness(.9); }
    58% { opacity: .70; filter: brightness(1.35); }
    64% { opacity: .20; filter: brightness(.95); }
}

@keyframes avatarDecorationRainFall {
    from { transform: translate3d(0, -4%, 0); opacity: .24; }
    50% { opacity: .74; }
    to { transform: translate3d(-4%, 8%, 0); opacity: .24; }
}

@keyframes avatarDecorationAuroraWave {
    0%, 100% { transform: translate3d(-4%, 0, 0) rotate(-8deg) scaleX(1.02); opacity: .42; filter: hue-rotate(0deg); }
    50% { transform: translate3d(5%, -2%, 0) rotate(8deg) scaleX(1.08); opacity: .88; filter: hue-rotate(30deg); }
}

@keyframes avatarDecorationSparkleSweep {
    0%, 100% { transform: rotate(-8deg) scale(.96); opacity: .40; }
    45% { transform: rotate(5deg) scale(1.05); opacity: .92; }
}

@keyframes avatarDecorationParticleOrbit {
    from { transform: rotate(var(--particle-angle, 0deg)); }
    to { transform: rotate(calc(var(--particle-angle, 0deg) + 360deg)); }
}

@keyframes avatarDecorationSparkleBlink {
    0%, 100% { transform: translate(-50%, -50%) scale(.42) rotate(0deg); opacity: 0; }
    42% { transform: translate(-50%, -50%) scale(1.12) rotate(42deg); opacity: 1; }
    70% { transform: translate(-50%, -50%) scale(.82) rotate(68deg); opacity: .45; }
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-asset::before,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-asset .premium-frame-orbit,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-asset .premium-frame-character {
    opacity: 0;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-aqua-glass-orb,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-rain-glass-drops,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cyan-bubble-shine,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-frosted-blue-glass,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-real-fire-aura,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-ember-attention,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-plasma-lightning,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-dragon-breath-aura,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-aurora-energy-ring,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-liquid-metal-focus,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-code-sparks-matrix {
    border-color: transparent !important;
    background: transparent !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-aqua-glass-orb::after,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-rain-glass-drops::after,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cyan-bubble-shine::after,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-frosted-blue-glass::after,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-real-fire-aura::after,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-ember-attention::after,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-plasma-lightning::after,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-dragon-breath-aura::after,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-aurora-energy-ring::after,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-liquid-metal-focus::after,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-code-sparks-matrix::after {
    opacity: 0;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-aqua-glass-orb {
    box-shadow: 0 0 0 2px rgba(34, 211, 238, .18), 0 0 34px rgba(14, 165, 233, .30), 0 18px 34px rgba(0, 0, 0, .32) !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-rain-glass-drops {
    box-shadow: 0 0 0 2px rgba(96, 165, 250, .18), 0 0 36px rgba(37, 99, 235, .30), 0 18px 34px rgba(0, 0, 0, .32) !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cyan-bubble-shine {
    box-shadow: 0 0 0 2px rgba(45, 212, 191, .18), 0 0 34px rgba(20, 184, 166, .28), 0 18px 34px rgba(0, 0, 0, .32) !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-frosted-blue-glass {
    box-shadow: 0 0 0 2px rgba(191, 236, 255, .18), 0 0 34px rgba(125, 211, 252, .28), 0 18px 34px rgba(0, 0, 0, .32) !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-real-fire-aura {
    box-shadow: 0 0 0 2px rgba(255, 186, 73, .18), 0 0 42px rgba(249, 115, 22, .38), 0 18px 34px rgba(0, 0, 0, .34) !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-ember-attention {
    box-shadow: 0 0 0 2px rgba(253, 185, 19, .18), 0 0 38px rgba(253, 185, 19, .32), 0 18px 34px rgba(0, 0, 0, .32) !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-plasma-lightning {
    box-shadow: 0 0 0 2px rgba(103, 232, 249, .16), 0 0 40px rgba(99, 102, 241, .34), 0 18px 34px rgba(0, 0, 0, .34) !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-dragon-breath-aura {
    box-shadow: 0 0 0 2px rgba(251, 146, 60, .18), 0 0 44px rgba(220, 38, 38, .32), 0 18px 34px rgba(0, 0, 0, .35) !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-aurora-energy-ring {
    box-shadow: 0 0 0 2px rgba(45, 212, 191, .16), 0 0 42px rgba(34, 211, 238, .28), 0 18px 34px rgba(0, 0, 0, .32) !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-liquid-metal-focus {
    box-shadow: 0 0 0 2px rgba(226, 232, 240, .18), 0 0 36px rgba(147, 197, 253, .26), 0 18px 34px rgba(0, 0, 0, .32) !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-code-sparks-matrix {
    box-shadow: 0 0 0 2px rgba(48, 200, 134, .18), 0 0 38px rgba(34, 197, 94, .28), 0 18px 34px rgba(0, 0, 0, .32) !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-aqua-glass-orb .premium-frame-asset,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-rain-glass-drops .premium-frame-asset,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-frosted-blue-glass .premium-frame-asset {
    animation: premiumAvatarGlassOverlayLive 4.8s ease-in-out infinite !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cyan-bubble-shine .premium-frame-asset {
    animation: premiumAvatarBubbleOverlayLive 3.8s ease-in-out infinite !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-real-fire-aura .premium-frame-asset,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-dragon-breath-aura .premium-frame-asset {
    animation: premiumAvatarAssetFire 2.2s ease-in-out infinite !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-ember-attention .premium-frame-asset,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-plasma-lightning .premium-frame-asset,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-code-sparks-matrix .premium-frame-asset {
    animation: premiumAvatarAssetSparkle 3s ease-in-out infinite !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-aurora-energy-ring .premium-frame-asset,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-liquid-metal-focus .premium-frame-asset {
    animation: premiumAvatarAssetGlow 3.5s ease-in-out infinite !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-aqua-glass-orb .premium-frame-asset::before,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-aqua-glass-orb .premium-frame-asset::after,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cyan-bubble-shine .premium-frame-asset::before,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cyan-bubble-shine .premium-frame-asset::after,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-rain-glass-drops .premium-frame-asset::before,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-rain-glass-drops .premium-frame-asset::after,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-frosted-blue-glass .premium-frame-asset::before,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-frosted-blue-glass .premium-frame-asset::after {
    content: "";
    position: absolute;
    pointer-events: none;
    border-radius: 50%;
    mix-blend-mode: screen;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-aqua-glass-orb .premium-frame-asset::before,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cyan-bubble-shine .premium-frame-asset::before {
    inset: 12%;
    opacity: .68;
    background:
        radial-gradient(circle at 18% 92%, rgba(236, 254, 255, .76) 0 3px, transparent 5px),
        radial-gradient(circle at 35% 98%, rgba(125, 211, 252, .66) 0 5px, transparent 8px),
        radial-gradient(circle at 72% 94%, rgba(34, 211, 238, .60) 0 4px, transparent 7px),
        radial-gradient(circle at 86% 82%, rgba(224, 251, 255, .64) 0 3px, transparent 6px);
    animation: premiumAvatarCssBubblesRise 5.4s linear infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-aqua-glass-orb .premium-frame-asset::after,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cyan-bubble-shine .premium-frame-asset::after {
    inset: 7%;
    opacity: .46;
    background:
        radial-gradient(circle at 24% 102%, rgba(186, 255, 255, .64) 0 2px, transparent 5px),
        radial-gradient(circle at 54% 96%, rgba(103, 232, 249, .54) 0 4px, transparent 7px),
        radial-gradient(circle at 79% 104%, rgba(191, 236, 255, .58) 0 3px, transparent 6px),
        radial-gradient(circle at 90% 76%, rgba(45, 212, 191, .42) 0 2px, transparent 5px);
    animation: premiumAvatarCssBubblesRise 7.2s linear infinite -2.6s;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-rain-glass-drops .premium-frame-asset::before {
    inset: 6%;
    opacity: .44;
    background:
        linear-gradient(180deg, transparent, rgba(236, 254, 255, .72), rgba(96, 165, 250, .18), transparent) 18% 0 / 7px 52% no-repeat,
        linear-gradient(180deg, transparent, rgba(191, 236, 255, .64), rgba(37, 99, 235, .14), transparent) 42% -18% / 5px 60% no-repeat,
        linear-gradient(180deg, transparent, rgba(224, 251, 255, .70), rgba(14, 165, 233, .16), transparent) 66% -8% / 6px 56% no-repeat,
        linear-gradient(180deg, transparent, rgba(147, 197, 253, .58), rgba(30, 64, 175, .12), transparent) 83% 0 / 8px 50% no-repeat;
    animation: premiumAvatarCssRainFall 2.3s linear infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-rain-glass-drops .premium-frame-asset::after {
    inset: 16%;
    opacity: .34;
    background:
        radial-gradient(ellipse at 24% 88%, transparent 0 14px, rgba(191, 236, 255, .32) 15px 16px, transparent 17px),
        radial-gradient(ellipse at 76% 84%, transparent 0 18px, rgba(96, 165, 250, .28) 19px 20px, transparent 21px);
    animation: premiumAvatarCssRainRipple 3s ease-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-frosted-blue-glass .premium-frame-asset::before {
    inset: 4%;
    opacity: .48;
    background:
        radial-gradient(circle at 18% 24%, rgba(255, 255, 255, .80) 0 2px, transparent 4px),
        radial-gradient(circle at 78% 34%, rgba(191, 236, 255, .70) 0 2px, transparent 5px),
        radial-gradient(circle at 84% 78%, rgba(147, 197, 253, .62) 0 2px, transparent 4px),
        radial-gradient(circle at 34% 84%, rgba(236, 254, 255, .70) 0 2px, transparent 5px);
    animation: premiumAvatarCssIceSpark 3.6s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-frosted-blue-glass .premium-frame-asset::after {
    inset: 10%;
    opacity: .26;
    background:
        conic-gradient(from 0deg at 18% 24%, transparent, rgba(255, 255, 255, .55), transparent 14%),
        conic-gradient(from 90deg at 82% 76%, transparent, rgba(147, 197, 253, .46), transparent 16%);
    animation: premiumAvatarCssIceSweep 5.8s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-gold {
    --avatar-decoration-ring: conic-gradient(from 0deg, #fff6bd, #fdb913, #f59e0b, #fff6bd);
    --avatar-decoration-glow: rgba(253, 185, 19, .36);
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-neon,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-glass,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cat {
    --avatar-decoration-ring: conic-gradient(from 0deg, #ffffff, #7dd3fc, #f0abfc, #7dd3fc, #ffffff);
    --avatar-decoration-glow: rgba(168, 85, 247, .32);
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-code,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-matrix,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-code-orbit {
    --avatar-decoration-ring: conic-gradient(from 0deg, #fdb913, #30c886, #22c55e, #30c886, #fdb913);
    --avatar-decoration-glow: rgba(48, 200, 134, .34);
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-lithuania,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-mentor {
    --avatar-decoration-ring: conic-gradient(from 0deg, #fdb913, #006a44, #c1272d, #fdb913);
    --avatar-decoration-glow: rgba(0, 106, 68, .28);
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-ruby,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-solar,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-fire,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-dragon {
    --avatar-decoration-ring: conic-gradient(from 0deg, #ffef9a, #ff7a18, #c1272d, #ff7a18, #ffef9a);
    --avatar-decoration-glow: rgba(249, 115, 22, .38);
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-water {
    --avatar-decoration-ring: conic-gradient(from 0deg, #e0faff, #38bdf8, #0369a1, #7dd3fc, #e0faff);
    --avatar-decoration-glow: rgba(56, 189, 248, .36);
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-forest {
    --avatar-decoration-ring: conic-gradient(from 0deg, #d9f99d, #84cc16, #166534, #22c55e, #d9f99d);
    --avatar-decoration-glow: rgba(132, 204, 22, .30);
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-stardust {
    --avatar-decoration-ring: conic-gradient(from 0deg, #f5d0fe, #a855f7, #ec4899, #7c3aed, #f5d0fe);
    --avatar-decoration-glow: rgba(168, 85, 247, .42);
    --avatar-decoration-spark: rgba(255, 255, 255, .96);
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-stardust::after {
    background:
        radial-gradient(circle at 17% 76%, rgba(236, 72, 153, .96) 0 5px, transparent 7px),
        radial-gradient(circle at 22% 84%, rgba(168, 85, 247, .82) 0 9px, transparent 13px),
        radial-gradient(circle at 30% 70%, rgba(255, 255, 255, .92) 0 2px, transparent 4px),
        radial-gradient(circle at 72% 17%, rgba(255, 255, 255, .88) 0 2px, transparent 4px),
        radial-gradient(circle at 82% 30%, rgba(216, 180, 254, .74) 0 4px, transparent 7px),
        radial-gradient(circle at 52% 15%, rgba(244, 114, 182, .68) 0 3px, transparent 6px),
        radial-gradient(circle at 42% 88%, rgba(255, 255, 255, .78) 0 2px, transparent 4px);
    animation: premiumAvatarDecorationSparkle 2.8s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-fire .premium-frame-character {
    left: -19px;
    bottom: -17px;
    top: auto;
    right: auto;
    width: 62px;
    height: 62px;
    border-radius: 52% 48% 58% 42% / 64% 44% 56% 36%;
    background:
        radial-gradient(circle at 37% 34%, rgba(255,246,189,.98) 0 10%, transparent 12%),
        radial-gradient(circle at 50% 53%, rgba(255,122,24,.94) 0 32%, transparent 34%),
        radial-gradient(circle at 48% 68%, rgba(193,39,45,.94) 0 48%, transparent 50%),
        radial-gradient(circle at 28% 72%, rgba(255,0,180,.72) 0 22%, transparent 25%);
    animation: premiumAvatarDecorationFlame 2.4s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-dragon .premium-frame-character {
    right: -20px;
    top: -15px;
    width: 60px;
    height: 48px;
    border-radius: 48% 52% 44% 56% / 55% 42% 58% 45%;
    background:
        radial-gradient(circle at 68% 43%, #fff1a8 0 4px, transparent 5px),
        radial-gradient(circle at 33% 30%, rgba(255,239,154,.82) 0 10px, transparent 11px),
        linear-gradient(135deg, #7f1d1d 0%, #c1272d 46%, #ff7a18 100%);
    animation: premiumAvatarDecorationFloat 3.1s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-dragon .premium-frame-character::after {
    right: -14px;
    top: 21px;
    width: 28px;
    height: 12px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(255,239,154,.96), rgba(255,122,24,.38), transparent);
    animation: premiumAvatarDecorationFlicker 1.9s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cat .premium-frame-character {
    right: calc(50% - 29px);
    top: -29px;
    width: 58px;
    height: 54px;
    border-radius: 50% 50% 46% 46%;
    background:
        radial-gradient(circle at 38% 47%, #171226 0 4px, transparent 5px),
        radial-gradient(circle at 62% 47%, #171226 0 4px, transparent 5px),
        radial-gradient(circle at 50% 70%, rgba(255,255,255,.76) 0 4px, transparent 5px),
        linear-gradient(145deg, #fff, #f0abfc 54%, #7dd3fc);
    animation: premiumAvatarDecorationFloat 3s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cat .premium-frame-character::before,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cat .premium-frame-character::after {
    top: -9px;
    width: 19px;
    height: 22px;
    background: linear-gradient(145deg, #fff, #f0abfc);
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cat .premium-frame-character::before {
    left: 5px;
    transform: rotate(-14deg);
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cat .premium-frame-character::after {
    right: 5px;
    transform: rotate(14deg);
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-water .premium-frame-character {
    left: -14px;
    bottom: -16px;
    top: auto;
    right: auto;
    width: 56px;
    height: 56px;
    border-radius: 62% 38% 60% 40% / 72% 46% 54% 28%;
    background:
        radial-gradient(circle at 35% 28%, rgba(255,255,255,.9) 0 8px, transparent 9px),
        linear-gradient(145deg, rgba(224,250,255,.96), rgba(56,189,248,.86) 48%, rgba(2,132,199,.92));
    animation: premiumAvatarDecorationWave 3.4s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-code-orbit .premium-frame-character {
    right: -15px;
    bottom: -12px;
    top: auto;
    width: 54px;
    height: 42px;
    border-radius: 13px;
    background: linear-gradient(145deg, #06170f, #0f3d2d);
    border: 1px solid rgba(48,200,134,.64);
    box-shadow: inset 0 0 0 1px rgba(253,185,19,.18);
    animation: premiumAvatarDecorationFloat 3.4s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-code-orbit .premium-frame-character::before {
    content: "</>";
    position: static;
    color: #30c886;
    font: 900 .82rem/1 monospace;
    text-shadow: 0 0 12px rgba(48,200,134,.82);
    animation: premiumAvatarDecorationBlink 2s steps(2, end) infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-forest .premium-frame-character {
    right: -13px;
    bottom: -14px;
    top: auto;
    width: 58px;
    height: 50px;
    border-radius: 70% 30% 70% 30% / 60% 36% 64% 40%;
    background:
        radial-gradient(circle at 34% 34%, rgba(255,255,255,.62) 0 6px, transparent 7px),
        linear-gradient(145deg, #d9f99d, #22c55e 55%, #166534);
    transform-origin: 65% 70%;
    animation: premiumAvatarDecorationLeaf 3.8s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-stardust .premium-frame-character {
    left: -23px;
    bottom: -20px;
    top: auto;
    right: auto;
    width: 72px;
    height: 64px;
    opacity: 1;
    border-radius: 55% 45% 60% 40% / 56% 46% 54% 44%;
    background:
        radial-gradient(circle at 31% 43%, rgba(255, 255, 255, .95) 0 4px, transparent 6px),
        radial-gradient(circle at 48% 52%, rgba(244, 114, 182, .95) 0 19%, transparent 24%),
        radial-gradient(circle at 34% 64%, rgba(168, 85, 247, .92) 0 32%, transparent 38%),
        radial-gradient(circle at 60% 62%, rgba(236, 72, 153, .64) 0 23%, transparent 30%),
        radial-gradient(circle at 20% 70%, rgba(192, 132, 252, .72) 0 24%, transparent 31%);
    transform-origin: 64% 42%;
    animation: premiumAvatarDecorationDust 3.5s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-stardust .premium-frame-character::before {
    left: 27px;
    top: 10px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .46);
    background: radial-gradient(circle at 45% 42%, rgba(255, 255, 255, .24), transparent 58%);
    box-shadow:
        0 0 18px rgba(244, 114, 182, .52),
        inset 0 0 16px rgba(216, 180, 254, .25);
    animation: premiumAvatarDecorationPulse 2.7s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-stardust .premium-frame-character::after {
    right: 8px;
    top: 6px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #fff;
    box-shadow:
        -36px 11px 0 1px rgba(255, 255, 255, .86),
        -25px 30px 0 0 rgba(216, 180, 254, .92),
        -3px 24px 0 1px rgba(244, 114, 182, .82),
        9px 36px 0 0 rgba(255, 255, 255, .72);
    animation: premiumAvatarDecorationTwinkle 2.4s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-stardust::before {
    background:
        conic-gradient(from 0deg, #ffffff 0 5%, #c084fc 8% 18%, #ec4899 22% 31%, #7c3aed 36% 48%, #f5d0fe 52% 58%, #a855f7 62% 78%, #ffffff 82% 88%, #ec4899 92% 100%) !important;
    animation: premiumAvatarDecorationRing 7.2s linear infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-stardust .premium-frame-character {
    left: -18px;
    bottom: -16px;
    width: 62px;
    height: 54px;
    background:
        radial-gradient(circle at 34% 38%, rgba(255, 255, 255, .98) 0 3px, transparent 5px),
        radial-gradient(circle at 49% 49%, rgba(244, 114, 182, .88) 0 18%, transparent 25%),
        radial-gradient(circle at 33% 65%, rgba(168, 85, 247, .86) 0 31%, transparent 39%),
        radial-gradient(circle at 64% 65%, rgba(236, 72, 153, .50) 0 20%, transparent 31%),
        radial-gradient(circle at 17% 72%, rgba(192, 132, 252, .60) 0 21%, transparent 32%);
    animation: premiumAvatarDecorationDust 3.3s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-stardust .premium-frame-orbit {
    opacity: .54;
    animation-duration: 8s;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-phoenix-flame,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-dragon-fire {
    --avatar-decoration-ring: conic-gradient(from 0deg, #fff6bd, #ff7a18, #ef4444, #7f1d1d, #ff7a18, #fff6bd);
    --avatar-decoration-glow: rgba(249, 115, 22, .48);
    --avatar-decoration-spark: rgba(255, 246, 189, .88);
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-phoenix-flame::before,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-dragon-fire::before {
    background:
        conic-gradient(from 0deg, rgba(255,246,189,.98), rgba(255,122,24,.98) 18%, rgba(239,68,68,.92) 32%, rgba(127,29,29,.88) 44%, rgba(255,122,24,.98) 58%, rgba(255,246,189,.96) 70%, rgba(239,68,68,.88) 84%, rgba(255,246,189,.98)) !important;
    animation: premiumAvatarFireRing 1.55s linear infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-phoenix-flame::after,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-dragon-fire::after {
    opacity: .82;
    background:
        radial-gradient(ellipse at 22% 76%, rgba(255,246,189,.90) 0 4px, transparent 7px),
        radial-gradient(ellipse at 27% 84%, rgba(255,122,24,.78) 0 8px, transparent 13px),
        radial-gradient(ellipse at 72% 23%, rgba(255,209,92,.70) 0 4px, transparent 8px),
        radial-gradient(ellipse at 83% 58%, rgba(239,68,68,.45) 0 5px, transparent 10px);
    animation: premiumAvatarEmberRise 2.2s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-phoenix-flame .premium-frame-character {
    left: -13px;
    bottom: -16px;
    top: auto;
    right: auto;
    width: 64px;
    height: 50px;
    border-radius: 70% 30% 72% 28% / 56% 42% 58% 44%;
    background:
        radial-gradient(circle at 42% 32%, rgba(255,246,189,.96) 0 4px, transparent 6px),
        linear-gradient(135deg, rgba(255,246,189,.96), rgba(255,122,24,.92) 45%, rgba(193,39,45,.88));
    clip-path: polygon(8% 76%, 34% 26%, 52% 5%, 62% 40%, 95% 25%, 76% 66%, 58% 96%, 40% 68%);
    animation: premiumAvatarPhoenixWing 2.4s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-dragon-fire .premium-frame-character {
    right: -18px;
    top: -17px;
    width: 66px;
    height: 50px;
    border-radius: 46% 54% 44% 56% / 55% 40% 60% 45%;
    background:
        radial-gradient(circle at 70% 42%, #fff6bd 0 3px, transparent 5px),
        radial-gradient(circle at 28% 22%, rgba(255,209,92,.75) 0 8px, transparent 10px),
        linear-gradient(135deg, #3f0b0b 0%, #7f1d1d 34%, #c1272d 62%, #ff7a18 100%);
    animation: premiumAvatarDragonGuard 2.8s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-dragon-fire .premium-frame-character::before {
    left: 3px;
    top: -7px;
    width: 18px;
    height: 18px;
    background: linear-gradient(135deg, #fff6bd, #ff7a18);
    clip-path: polygon(50% 0, 100% 100%, 8% 72%);
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-dragon-fire .premium-frame-character::after {
    right: -18px;
    top: 25px;
    width: 36px;
    height: 13px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(255,246,189,.98), rgba(255,122,24,.62), transparent);
    animation: premiumAvatarDecorationFlicker 1.25s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cosmic-cat {
    --avatar-decoration-ring: conic-gradient(from 0deg, #ffffff, #f0abfc, #7dd3fc, #a78bfa, #ffffff);
    --avatar-decoration-glow: rgba(240, 171, 252, .42);
    --avatar-decoration-spark: rgba(240, 171, 252, .96);
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cosmic-cat .premium-frame-character {
    right: calc(50% - 27px);
    top: -28px;
    width: 54px;
    height: 50px;
    border-radius: 50% 50% 44% 44%;
    background:
        radial-gradient(circle at 38% 49%, #15111f 0 3px, transparent 4px),
        radial-gradient(circle at 62% 49%, #15111f 0 3px, transparent 4px),
        radial-gradient(circle at 50% 72%, rgba(255,255,255,.76) 0 3px, transparent 4px),
        linear-gradient(145deg, #ffffff, #f0abfc 55%, #7dd3fc);
    animation: premiumAvatarCatPeek 2.4s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cosmic-cat .premium-frame-character::before,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cosmic-cat .premium-frame-character::after {
    top: -8px;
    width: 18px;
    height: 21px;
    background: linear-gradient(145deg, #ffffff, #f0abfc);
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cosmic-cat .premium-frame-character::before {
    left: 5px;
    transform: rotate(-13deg);
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cosmic-cat .premium-frame-character::after {
    right: 5px;
    transform: rotate(13deg);
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-wolf-guard {
    --avatar-decoration-ring: conic-gradient(from 0deg, #dbeafe, #64748b, #1e293b, #60a5fa, #dbeafe);
    --avatar-decoration-glow: rgba(96, 165, 250, .38);
    --avatar-decoration-spark: rgba(219, 234, 254, .84);
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-wolf-guard .premium-frame-character {
    right: -14px;
    bottom: -14px;
    top: auto;
    width: 62px;
    height: 54px;
    border-radius: 50% 50% 44% 44%;
    background:
        radial-gradient(circle at 38% 42%, #dbeafe 0 3px, transparent 4px),
        radial-gradient(circle at 63% 42%, #dbeafe 0 3px, transparent 4px),
        linear-gradient(145deg, #0f172a 0%, #334155 52%, #94a3b8);
    clip-path: polygon(10% 20%, 30% 4%, 43% 24%, 58% 24%, 72% 4%, 92% 20%, 82% 78%, 52% 98%, 18% 78%);
    animation: premiumAvatarWolfBreathe 3.2s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-butterfly-glow {
    --avatar-decoration-ring: conic-gradient(from 0deg, #ffffff, #f0abfc, #38bdf8, #22c55e, #ffffff);
    --avatar-decoration-glow: rgba(56, 189, 248, .36);
    --avatar-decoration-spark: rgba(255, 255, 255, .92);
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-butterfly-glow .premium-frame-character {
    left: -12px;
    top: 16px;
    width: 58px;
    height: 44px;
    background:
        radial-gradient(ellipse at 28% 44%, rgba(240,171,252,.88) 0 23%, transparent 25%),
        radial-gradient(ellipse at 72% 44%, rgba(125,211,252,.86) 0 23%, transparent 25%),
        radial-gradient(ellipse at 43% 70%, rgba(34,197,94,.58) 0 16%, transparent 18%),
        radial-gradient(ellipse at 57% 70%, rgba(253,185,19,.52) 0 16%, transparent 18%);
    animation: premiumAvatarButterfly 2.1s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-butterfly-glow .premium-frame-character::before {
    left: 27px;
    top: 12px;
    width: 4px;
    height: 24px;
    border-radius: 999px;
    background: rgba(255,255,255,.82);
    box-shadow: 0 0 12px rgba(255,255,255,.55);
}

@keyframes premiumAvatarDecorationRing {
    to { transform: rotate(360deg); }
}

@keyframes premiumAvatarDecorationOrbit {
    to { transform: rotate(-360deg); }
}

@keyframes premiumAvatarDecorationSparkle {
    0%, 100% { transform: translate3d(-2px, 1px, 0) rotate(0deg); opacity: .60; }
    45% { transform: translate3d(4px, -4px, 0) rotate(8deg); opacity: .95; }
    72% { transform: translate3d(-1px, 4px, 0) rotate(-5deg); opacity: .72; }
}

@keyframes premiumAvatarDecorationPulse {
    0%, 100% { transform: scale(.96); opacity: .64; }
    50% { transform: scale(1.06); opacity: .94; }
}

@keyframes premiumAvatarDecorationFloat {
    0%, 100% { transform: translate3d(0, 0, 0) rotate(-3deg); }
    50% { transform: translate3d(-2px, 7px, 0) rotate(4deg); }
}

@keyframes premiumAvatarDecorationFlame {
    0%, 100% { transform: translate3d(0, 0, 0) rotate(-10deg) scale(.98); filter: brightness(1); }
    45% { transform: translate3d(-2px, 6px, 0) rotate(-2deg) scale(1.05); filter: brightness(1.18); }
    70% { transform: translate3d(2px, 2px, 0) rotate(-14deg) scale(1.01); }
}

@keyframes premiumAvatarDecorationFlicker {
    0%, 100% { transform: scaleX(.82) rotate(1deg); opacity: .42; }
    50% { transform: scaleX(1.18) rotate(-3deg); opacity: .95; }
}

@keyframes premiumAvatarDecorationWave {
    0%, 100% { transform: translate3d(0, 0, 0) rotate(8deg) scale(.98); }
    50% { transform: translate3d(-3px, 6px, 0) rotate(-6deg) scale(1.04); }
}

@keyframes premiumAvatarDecorationBlink {
    0%, 100% { opacity: 1; }
    50% { opacity: .55; }
}

@keyframes premiumAvatarDecorationLeaf {
    0%, 100% { transform: translate3d(0, 0, 0) rotate(18deg); }
    50% { transform: translate3d(-4px, 7px, 0) rotate(30deg); }
}

@keyframes premiumAvatarDecorationDust {
    0%, 100% { transform: translate3d(0, 0, 0) rotate(-10deg) scale(.98); opacity: .88; }
    42% { transform: translate3d(-5px, 7px, 0) rotate(-2deg) scale(1.05); opacity: 1; }
    72% { transform: translate3d(4px, 3px, 0) rotate(-15deg) scale(1.01); opacity: .92; }
}

@keyframes premiumAvatarDecorationTwinkle {
    0%, 100% { transform: scale(.88); opacity: .58; }
    45% { transform: scale(1.18); opacity: 1; }
    72% { transform: scale(.96); opacity: .72; }
}

@keyframes premiumAvatarFireRing {
    0% { transform: rotate(0deg) scale(1); filter: drop-shadow(0 0 10px rgba(249, 115, 22, .48)) brightness(1); }
    45% { transform: rotate(164deg) scale(1.012); filter: drop-shadow(0 0 15px rgba(255, 122, 24, .68)) brightness(1.16); }
    100% { transform: rotate(360deg) scale(1); filter: drop-shadow(0 0 10px rgba(249, 115, 22, .48)) brightness(1); }
}

@keyframes premiumAvatarEmberRise {
    0%, 100% { transform: translate3d(0, 3px, 0) scale(.96); opacity: .52; }
    42% { transform: translate3d(-2px, -5px, 0) scale(1.04); opacity: .92; }
    72% { transform: translate3d(3px, -2px, 0) scale(1); opacity: .68; }
}

@keyframes premiumAvatarPhoenixWing {
    0%, 100% { transform: translate3d(0, 0, 0) rotate(-12deg) scale(.98); filter: brightness(1); }
    50% { transform: translate3d(2px, -4px, 0) rotate(3deg) scale(1.06); filter: brightness(1.16); }
}

@keyframes premiumAvatarDragonGuard {
    0%, 100% { transform: translate3d(0, 0, 0) rotate(-4deg); filter: brightness(1); }
    45% { transform: translate3d(-3px, 4px, 0) rotate(4deg); filter: brightness(1.15); }
    70% { transform: translate3d(1px, 1px, 0) rotate(-7deg); }
}

@keyframes premiumAvatarCatPeek {
    0%, 100% { transform: translate3d(0, 0, 0) rotate(-2deg); }
    45% { transform: translate3d(0, 5px, 0) rotate(2deg); }
    70% { transform: translate3d(1px, 2px, 0) rotate(-3deg); }
}

@keyframes premiumAvatarWolfBreathe {
    0%, 100% { transform: translate3d(0, 0, 0) scale(.98); filter: brightness(.96); }
    50% { transform: translate3d(-2px, 3px, 0) scale(1.04); filter: brightness(1.12); }
}

@keyframes premiumAvatarButterfly {
    0%, 100% { transform: translate3d(0, 0, 0) rotate(-7deg) scaleX(.90); filter: brightness(1); }
    50% { transform: translate3d(2px, -4px, 0) rotate(5deg) scaleX(1.08); filter: brightness(1.18); }
}

@keyframes premiumAvatarAssetFire {
    0%, 100% {
        transform: translate3d(var(--avatar-frame-asset-offset-x, 0%), var(--avatar-frame-asset-offset-y, 0%), 0) scale(var(--avatar-frame-asset-motion-base, 1)) rotate(-1deg);
        filter: drop-shadow(0 0 11px var(--avatar-frame-asset-glow, var(--avatar-decoration-glow))) drop-shadow(0 16px 18px rgba(0, 0, 0, .32)) brightness(1);
    }
    45% {
        transform: translate3d(calc(var(--avatar-frame-asset-offset-x, 0%) + 1%), calc(var(--avatar-frame-asset-offset-y, 0%) - 1%), 0) scale(var(--avatar-frame-asset-motion-pulse, 1.025)) rotate(2deg);
        filter: drop-shadow(0 0 18px var(--avatar-frame-asset-glow, var(--avatar-decoration-glow))) drop-shadow(0 16px 18px rgba(0, 0, 0, .32)) brightness(1.16);
    }
}

@keyframes premiumAvatarAssetFloat {
    0%, 100% { transform: translate3d(var(--avatar-frame-asset-offset-x, 0%), var(--avatar-frame-asset-offset-y, 0%), 0) scale(var(--avatar-frame-asset-motion-base, 1)); }
    50% { transform: translate3d(calc(var(--avatar-frame-asset-offset-x, 0%) + 1%), calc(var(--avatar-frame-asset-offset-y, 0%) - 3%), 0) scale(var(--avatar-frame-asset-motion-soft, 1.015)); }
}

@keyframes premiumAvatarAssetSparkle {
    0%, 100% { transform: translate3d(var(--avatar-frame-asset-offset-x, 0%), var(--avatar-frame-asset-offset-y, 0%), 0) scale(var(--avatar-frame-asset-motion-base, 1)); opacity: .86; }
    48% { transform: translate3d(calc(var(--avatar-frame-asset-offset-x, 0%) - 1%), calc(var(--avatar-frame-asset-offset-y, 0%) - 2%), 0) scale(var(--avatar-frame-asset-motion-pulse, 1.025)); opacity: var(--avatar-frame-asset-opacity, 1); }
}

@keyframes premiumAvatarAssetGlow {
    0%, 100% { filter: drop-shadow(0 0 10px var(--avatar-frame-asset-glow, var(--avatar-decoration-glow))) drop-shadow(0 16px 18px rgba(0, 0, 0, .32)) brightness(.98); }
    50% { filter: drop-shadow(0 0 20px var(--avatar-frame-asset-glow, var(--avatar-decoration-glow))) drop-shadow(0 16px 18px rgba(0, 0, 0, .32)) brightness(1.16); }
}

@keyframes premiumAvatarAssetOrbit {
    from { transform: translate3d(var(--avatar-frame-asset-offset-x, 0%), var(--avatar-frame-asset-offset-y, 0%), 0) scale(var(--avatar-frame-asset-motion-base, 1)) rotate(0deg); }
    to { transform: translate3d(var(--avatar-frame-asset-offset-x, 0%), var(--avatar-frame-asset-offset-y, 0%), 0) scale(var(--avatar-frame-asset-motion-base, 1)) rotate(360deg); }
}

@keyframes premiumAvatarAssetSwing {
    0%, 100% { transform: translate3d(var(--avatar-frame-asset-offset-x, 0%), var(--avatar-frame-asset-offset-y, 0%), 0) scale(var(--avatar-frame-asset-motion-base, 1)) rotate(-2deg); }
    50% { transform: translate3d(calc(var(--avatar-frame-asset-offset-x, 0%) + 1%), calc(var(--avatar-frame-asset-offset-y, 0%) - 1%), 0) scale(var(--avatar-frame-asset-motion-base, 1)) rotate(4deg); }
}

@keyframes premiumAvatarGlassOverlayLive {
    0%, 100% {
        filter:
            drop-shadow(0 0 10px var(--avatar-frame-asset-glow, var(--avatar-decoration-glow)))
            drop-shadow(0 16px 18px rgba(0, 0, 0, .32))
            brightness(.98)
            saturate(1);
        opacity: .94;
    }
    38% {
        filter:
            drop-shadow(0 0 18px var(--avatar-frame-asset-glow, var(--avatar-decoration-glow)))
            drop-shadow(0 16px 18px rgba(0, 0, 0, .32))
            brightness(1.13)
            saturate(1.12);
        opacity: var(--avatar-frame-asset-opacity, 1);
    }
    68% {
        filter:
            drop-shadow(0 0 13px var(--avatar-frame-asset-glow, var(--avatar-decoration-glow)))
            drop-shadow(0 16px 18px rgba(0, 0, 0, .32))
            brightness(1.05)
            saturate(1.04);
        opacity: .97;
    }
}

@keyframes premiumAvatarBubbleOverlayLive {
    0%, 100% {
        filter:
            drop-shadow(0 0 11px var(--avatar-frame-asset-glow, var(--avatar-decoration-glow)))
            drop-shadow(0 16px 18px rgba(0, 0, 0, .32))
            brightness(1)
            saturate(1.04);
        opacity: .93;
    }
    30% {
        filter:
            drop-shadow(0 0 20px var(--avatar-frame-asset-glow, var(--avatar-decoration-glow)))
            drop-shadow(0 16px 18px rgba(0, 0, 0, .32))
            brightness(1.18)
            saturate(1.18);
        opacity: var(--avatar-frame-asset-opacity, 1);
    }
    64% {
        filter:
            drop-shadow(0 0 14px var(--avatar-frame-asset-glow, var(--avatar-decoration-glow)))
            drop-shadow(0 16px 18px rgba(0, 0, 0, .32))
            brightness(1.07)
            saturate(1.1);
        opacity: .96;
    }
}

@keyframes premiumAvatarCssBubblesRise {
    0% {
        transform: translate3d(0, 18%, 0) scale(.92);
        opacity: 0;
    }
    16% {
        opacity: .72;
    }
    72% {
        opacity: .52;
    }
    100% {
        transform: translate3d(0, -28%, 0) scale(1.08);
        opacity: 0;
    }
}

@keyframes premiumAvatarCssRainFall {
    0% {
        transform: translate3d(0, -28%, 0);
        opacity: 0;
    }
    16% {
        opacity: .52;
    }
    82% {
        opacity: .42;
    }
    100% {
        transform: translate3d(0, 34%, 0);
        opacity: 0;
    }
}

@keyframes premiumAvatarCssRainRipple {
    0% {
        transform: scale(.72);
        opacity: 0;
    }
    35% {
        opacity: .38;
    }
    100% {
        transform: scale(1.22);
        opacity: 0;
    }
}

@keyframes premiumAvatarCssIceSpark {
    0%, 100% {
        transform: rotate(-2deg) scale(.96);
        opacity: .24;
    }
    42% {
        transform: rotate(2deg) scale(1.04);
        opacity: .58;
    }
    68% {
        transform: rotate(-1deg) scale(1);
        opacity: .38;
    }
}

@keyframes premiumAvatarCssIceSweep {
    0%, 100% {
        transform: rotate(-14deg);
        opacity: .12;
    }
    50% {
        transform: rotate(18deg);
        opacity: .34;
    }
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-earth-cloud-globe,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cloud-orbit-globe,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-moon-glass-globe,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-magnetosphere-globe {
    border-color: transparent !important;
    background: transparent !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-earth-cloud-globe::after,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cloud-orbit-globe::after,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-moon-glass-globe::after,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-magnetosphere-globe::after {
    opacity: 0;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-earth-cloud-globe {
    box-shadow: 0 0 0 2px rgba(125, 211, 252, .18), 0 0 46px rgba(56, 189, 248, .34), 0 18px 34px rgba(0, 0, 0, .30) !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cloud-orbit-globe {
    box-shadow: 0 0 0 2px rgba(253, 224, 71, .16), 0 0 46px rgba(251, 191, 36, .30), 0 18px 34px rgba(0, 0, 0, .30) !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-moon-glass-globe {
    box-shadow: 0 0 0 2px rgba(96, 165, 250, .16), 0 0 44px rgba(59, 130, 246, .30), 0 18px 34px rgba(0, 0, 0, .32) !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-magnetosphere-globe {
    box-shadow: 0 0 0 2px rgba(74, 222, 128, .16), 0 0 48px rgba(34, 197, 94, .26), 0 0 58px rgba(168, 85, 247, .20), 0 18px 34px rgba(0, 0, 0, .30) !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-earth-cloud-globe .premium-frame-asset {
    background-position: 50% 50%;
    animation: premiumAvatarDreamMoonFrameLive 9.5s ease-in-out infinite !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cloud-orbit-globe .premium-frame-asset {
    background-position: 50% 50%;
    animation: premiumAvatarSunCloudFrameLive 8s ease-in-out infinite !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-moon-glass-globe .premium-frame-asset {
    background-position: 50% 50%;
    animation: premiumAvatarStormCloudFrameLive 6.4s ease-in-out infinite !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-magnetosphere-globe .premium-frame-asset {
    background-position: 50% 50%;
    animation: premiumAvatarAuroraCloudFrameLive 10.8s ease-in-out infinite !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-earth-cloud-globe .premium-frame-asset::before,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-earth-cloud-globe .premium-frame-asset::after,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cloud-orbit-globe .premium-frame-asset::before,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cloud-orbit-globe .premium-frame-asset::after,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-moon-glass-globe .premium-frame-asset::before,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-moon-glass-globe .premium-frame-asset::after,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-magnetosphere-globe .premium-frame-asset::before,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-magnetosphere-globe .premium-frame-asset::after {
    display: none;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-earth-cloud-globe .premium-frame-asset::before,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-earth-cloud-globe .premium-frame-asset::after,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cloud-orbit-globe .premium-frame-asset::before,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cloud-orbit-globe .premium-frame-asset::after,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-moon-glass-globe .premium-frame-asset::before,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-moon-glass-globe .premium-frame-asset::after,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-magnetosphere-globe .premium-frame-asset::before,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-magnetosphere-globe .premium-frame-asset::after {
    content: "";
    position: absolute;
    pointer-events: none;
    border-radius: 50%;
    mix-blend-mode: screen;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-earth-cloud-globe .premium-frame-asset::before {
    inset: 9%;
    opacity: .54;
    background:
        linear-gradient(12deg, transparent 0 24%, rgba(248, 250, 252, .72) 27% 31%, transparent 35% 100%),
        linear-gradient(-10deg, transparent 0 56%, rgba(191, 219, 254, .58) 59% 63%, transparent 67% 100%),
        radial-gradient(ellipse at 22% 72%, rgba(255, 255, 255, .62) 0 14px, transparent 32px),
        radial-gradient(ellipse at 76% 32%, rgba(219, 234, 254, .46) 0 10px, transparent 26px);
    filter: blur(.7px);
    animation: premiumAvatarCloudShellDrift 8.8s linear infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-earth-cloud-globe .premium-frame-asset::after,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-moon-glass-globe .premium-frame-asset::after {
    inset: 6%;
    opacity: .36;
    background:
        conic-gradient(from 32deg, transparent 0 9%, rgba(255, 255, 255, .70) 11%, transparent 15% 43%, rgba(125, 211, 252, .42) 46%, transparent 52% 100%),
        radial-gradient(circle at 26% 24%, rgba(255, 255, 255, .78) 0 2px, transparent 5px),
        radial-gradient(circle at 78% 74%, rgba(191, 219, 254, .54) 0 2px, transparent 5px);
    animation: premiumAvatarAtmosphereSweep 7.4s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cloud-orbit-globe .premium-frame-asset::before {
    inset: 1%;
    opacity: .58;
    background:
        radial-gradient(ellipse at 19% 61%, rgba(255, 255, 255, .68) 0 14px, transparent 36px),
        radial-gradient(ellipse at 36% 72%, rgba(219, 234, 254, .52) 0 18px, transparent 42px),
        radial-gradient(ellipse at 74% 30%, rgba(248, 250, 252, .62) 0 13px, transparent 34px),
        radial-gradient(ellipse at 87% 42%, rgba(191, 219, 254, .44) 0 12px, transparent 30px);
    filter: blur(.9px);
    animation: premiumAvatarCloudClusterOrbit 10.5s linear infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cloud-orbit-globe .premium-frame-asset::after {
    inset: 2%;
    opacity: .62;
    background:
        radial-gradient(circle at 18% 20%, rgba(255, 255, 255, .86) 0 2px, transparent 5px),
        radial-gradient(circle at 76% 21%, rgba(196, 181, 253, .62) 0 2px, transparent 5px),
        radial-gradient(circle at 84% 78%, rgba(125, 211, 252, .62) 0 2px, transparent 5px),
        radial-gradient(circle at 24% 84%, rgba(255, 255, 255, .70) 0 2px, transparent 5px);
    animation: premiumAvatarStarFieldTwinkle 4.8s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-moon-glass-globe .premium-frame-asset::before {
    inset: 7%;
    opacity: .34;
    background:
        radial-gradient(circle at 22% 36%, rgba(219, 234, 254, .58) 0 13px, transparent 30px),
        radial-gradient(circle at 32% 60%, rgba(147, 197, 253, .42) 0 9px, transparent 24px),
        radial-gradient(circle at 45% 48%, rgba(196, 181, 253, .26) 0 18px, transparent 42px),
        linear-gradient(104deg, transparent 0 35%, rgba(255, 255, 255, .40) 38% 41%, transparent 44% 100%);
    animation: premiumAvatarMoonSurfaceShift 9s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-magnetosphere-globe .premium-frame-asset::before {
    inset: 5%;
    opacity: .52;
    border: 2px solid rgba(103, 232, 249, .42);
    border-left-color: rgba(34, 197, 94, .44);
    border-right-color: rgba(168, 85, 247, .48);
    transform: rotate(-18deg) scaleX(1.24) scaleY(.52);
    box-shadow: 0 0 18px rgba(103, 232, 249, .35);
    animation: premiumAvatarMagnetosphereOrbit 5.2s linear infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-magnetosphere-globe .premium-frame-asset::after {
    inset: 6%;
    opacity: .46;
    background:
        linear-gradient(128deg, transparent 0 42%, rgba(255, 255, 255, .82) 44% 45%, transparent 47% 100%),
        linear-gradient(35deg, transparent 0 52%, rgba(103, 232, 249, .64) 54% 55%, transparent 58% 100%),
        radial-gradient(circle at 25% 27%, rgba(255, 255, 255, .76) 0 2px, transparent 5px),
        radial-gradient(circle at 76% 72%, rgba(34, 197, 94, .58) 0 2px, transparent 5px);
    animation: premiumAvatarElectricFlicker 2.9s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-earth-cloud-globe .premium-frame-asset::before,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-earth-cloud-globe .premium-frame-asset::after,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cloud-orbit-globe .premium-frame-asset::before,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cloud-orbit-globe .premium-frame-asset::after,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-moon-glass-globe .premium-frame-asset::before,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-moon-glass-globe .premium-frame-asset::after,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-magnetosphere-globe .premium-frame-asset::before,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-magnetosphere-globe .premium-frame-asset::after {
    display: none !important;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-earth-cloud-globe .premium-frame-asset::before,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-earth-cloud-globe .premium-frame-asset::after,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cloud-orbit-globe .premium-frame-asset::before,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cloud-orbit-globe .premium-frame-asset::after,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-moon-glass-globe .premium-frame-asset::before,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-moon-glass-globe .premium-frame-asset::after,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-magnetosphere-globe .premium-frame-asset::before,
body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-magnetosphere-globe .premium-frame-asset::after {
    display: block !important;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    pointer-events: none;
    mix-blend-mode: screen;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-earth-cloud-globe .premium-frame-asset::before {
    opacity: .64;
    background:
        conic-gradient(from 0deg, transparent 0 12%, rgba(255,255,255,.72) 14%, transparent 18% 42%, rgba(125,211,252,.58) 45%, transparent 50% 100%),
        radial-gradient(circle at 20% 64%, rgba(255,255,255,.50), transparent 16%),
        radial-gradient(circle at 76% 25%, rgba(191,219,254,.46), transparent 13%);
    -webkit-mask: radial-gradient(circle, transparent 0 44%, #000 47% 78%, transparent 82%);
    mask: radial-gradient(circle, transparent 0 44%, #000 47% 78%, transparent 82%);
    animation: premiumMagicRingOrbit 9s linear infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-earth-cloud-globe .premium-frame-asset::after {
    opacity: .88;
    background:
        radial-gradient(circle at 22% 18%, rgba(255,255,255,.95) 0 2px, transparent 5px),
        radial-gradient(circle at 36% 13%, rgba(125,211,252,.84) 0 2px, transparent 6px),
        radial-gradient(circle at 78% 30%, rgba(255,255,255,.95) 0 2px, transparent 6px),
        radial-gradient(circle at 84% 58%, rgba(125,211,252,.78) 0 2px, transparent 6px),
        radial-gradient(circle at 42% 86%, rgba(255,255,255,.94) 0 2px, transparent 6px),
        radial-gradient(circle at 18% 70%, rgba(125,211,252,.72) 0 2px, transparent 6px);
    animation: premiumMagicSparkleOrbit 5.8s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cloud-orbit-globe .premium-frame-asset::before {
    opacity: .70;
    background:
        radial-gradient(circle at 67% 23%, rgba(255,244,190,.82), transparent 18%),
        conic-gradient(from 18deg, transparent 0 8%, rgba(253,224,71,.62) 11%, transparent 15% 38%, rgba(255,255,255,.46) 42%, transparent 48% 100%);
    -webkit-mask: radial-gradient(circle, transparent 0 43%, #000 47% 80%, transparent 84%);
    mask: radial-gradient(circle, transparent 0 43%, #000 47% 80%, transparent 84%);
    animation: premiumMagicSunPulse 4.8s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-cloud-orbit-globe .premium-frame-asset::after {
    opacity: .76;
    background:
        radial-gradient(circle at 18% 23%, rgba(255,255,255,.90) 0 2px, transparent 5px),
        radial-gradient(circle at 72% 20%, rgba(253,224,71,.84) 0 2px, transparent 7px),
        radial-gradient(circle at 85% 68%, rgba(255,255,255,.84) 0 2px, transparent 6px),
        radial-gradient(circle at 30% 82%, rgba(253,224,71,.72) 0 2px, transparent 7px);
    animation: premiumMagicSparkleOrbit 6.2s ease-in-out infinite reverse;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-moon-glass-globe .premium-frame-asset::before {
    opacity: .70;
    background:
        linear-gradient(122deg, transparent 0 43%, rgba(219,234,254,.86) 45% 46%, transparent 48% 100%),
        linear-gradient(35deg, transparent 0 54%, rgba(96,165,250,.62) 56% 57%, transparent 60% 100%),
        conic-gradient(from -12deg, transparent 0 18%, rgba(147,197,253,.50) 21%, transparent 25% 62%, rgba(255,255,255,.38) 65%, transparent 70% 100%);
    -webkit-mask: radial-gradient(circle, transparent 0 43%, #000 47% 80%, transparent 84%);
    mask: radial-gradient(circle, transparent 0 43%, #000 47% 80%, transparent 84%);
    animation: premiumMagicStormFlicker 3.2s steps(1, end) infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-moon-glass-globe .premium-frame-asset::after {
    opacity: .72;
    background:
        linear-gradient(110deg, transparent 0 18%, rgba(125,211,252,.70) 19% 20%, transparent 21% 100%),
        linear-gradient(110deg, transparent 0 42%, rgba(191,219,254,.52) 43% 44%, transparent 45% 100%),
        linear-gradient(110deg, transparent 0 69%, rgba(125,211,252,.60) 70% 71%, transparent 72% 100%),
        radial-gradient(circle at 24% 20%, rgba(255,255,255,.90) 0 2px, transparent 6px),
        radial-gradient(circle at 76% 24%, rgba(147,197,253,.72) 0 2px, transparent 6px);
    -webkit-mask: radial-gradient(circle, transparent 0 42%, #000 48% 82%, transparent 86%);
    mask: radial-gradient(circle, transparent 0 42%, #000 48% 82%, transparent 86%);
    animation: premiumMagicRainDrift 1.8s linear infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-magnetosphere-globe .premium-frame-asset::before {
    opacity: .78;
    background:
        linear-gradient(22deg, transparent 0 22%, rgba(74,222,128,.76) 25% 28%, transparent 32% 100%),
        linear-gradient(-18deg, transparent 0 52%, rgba(168,85,247,.68) 55% 58%, transparent 62% 100%),
        radial-gradient(ellipse at 72% 20%, rgba(34,211,238,.42), transparent 20%);
    -webkit-mask: radial-gradient(circle, transparent 0 42%, #000 46% 82%, transparent 86%);
    mask: radial-gradient(circle, transparent 0 42%, #000 46% 82%, transparent 86%);
    animation: premiumMagicAuroraWave 7.2s ease-in-out infinite;
}

body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame.frame-magnetosphere-globe .premium-frame-asset::after {
    opacity: .84;
    background:
        radial-gradient(circle at 20% 20%, rgba(255,255,255,.92) 0 2px, transparent 6px),
        radial-gradient(circle at 36% 14%, rgba(74,222,128,.76) 0 2px, transparent 7px),
        radial-gradient(circle at 70% 18%, rgba(196,181,253,.86) 0 2px, transparent 7px),
        radial-gradient(circle at 86% 56%, rgba(34,211,238,.76) 0 2px, transparent 7px),
        radial-gradient(circle at 42% 86%, rgba(255,255,255,.86) 0 2px, transparent 6px);
    animation: premiumMagicSparkleOrbit 6.8s ease-in-out infinite;
}

@keyframes premiumAvatarDreamMoonFrameLive {
    0%, 100% {
        transform: translate3d(var(--avatar-frame-asset-offset-x, 0%), var(--avatar-frame-asset-offset-y, 0%), 0) scale(var(--avatar-frame-asset-motion-base, 1)) rotate(-.8deg);
        filter: drop-shadow(0 0 14px var(--avatar-frame-asset-glow, var(--avatar-decoration-glow))) drop-shadow(0 16px 18px rgba(0, 0, 0, .26)) brightness(1.02) saturate(1.06);
    }
    50% {
        transform: translate3d(calc(var(--avatar-frame-asset-offset-x, 0%) - .8%), calc(var(--avatar-frame-asset-offset-y, 0%) - 1%), 0) scale(var(--avatar-frame-asset-motion-mid, 1.018)) rotate(1.1deg);
        filter: drop-shadow(0 0 24px var(--avatar-frame-asset-glow, var(--avatar-decoration-glow))) drop-shadow(0 16px 18px rgba(0, 0, 0, .24)) brightness(1.13) saturate(1.12);
    }
}

@keyframes premiumAvatarSunCloudFrameLive {
    0%, 100% {
        transform: translate3d(var(--avatar-frame-asset-offset-x, 0%), var(--avatar-frame-asset-offset-y, 0%), 0) scale(var(--avatar-frame-asset-motion-base, 1)) rotate(.7deg);
        filter: drop-shadow(0 0 13px var(--avatar-frame-asset-glow, var(--avatar-decoration-glow))) drop-shadow(0 16px 18px rgba(0, 0, 0, .24)) brightness(1.03) saturate(1.05);
    }
    48% {
        transform: translate3d(calc(var(--avatar-frame-asset-offset-x, 0%) + .7%), calc(var(--avatar-frame-asset-offset-y, 0%) - .7%), 0) scale(var(--avatar-frame-asset-motion-pulse, 1.025)) rotate(-1deg);
        filter: drop-shadow(0 0 28px var(--avatar-frame-asset-glow, var(--avatar-decoration-glow))) drop-shadow(0 16px 18px rgba(0, 0, 0, .24)) brightness(1.18) saturate(1.12);
    }
}

@keyframes premiumAvatarStormCloudFrameLive {
    0%, 100% {
        transform: translate3d(var(--avatar-frame-asset-offset-x, 0%), var(--avatar-frame-asset-offset-y, 0%), 0) scale(var(--avatar-frame-asset-motion-base, 1)) rotate(-.5deg);
        filter: drop-shadow(0 0 12px var(--avatar-frame-asset-glow, var(--avatar-decoration-glow))) drop-shadow(0 16px 18px rgba(0, 0, 0, .30)) brightness(.98) saturate(1.02);
    }
    42% {
        transform: translate3d(calc(var(--avatar-frame-asset-offset-x, 0%) - .5%), calc(var(--avatar-frame-asset-offset-y, 0%) - .6%), 0) scale(var(--avatar-frame-asset-motion-soft, 1.015)) rotate(.8deg);
        filter: drop-shadow(0 0 25px var(--avatar-frame-asset-glow, var(--avatar-decoration-glow))) drop-shadow(0 16px 18px rgba(0, 0, 0, .30)) brightness(1.16) saturate(1.14);
    }
    46% {
        filter: drop-shadow(0 0 15px var(--avatar-frame-asset-glow, var(--avatar-decoration-glow))) drop-shadow(0 16px 18px rgba(0, 0, 0, .30)) brightness(.96) saturate(1.02);
    }
}

@keyframes premiumAvatarAuroraCloudFrameLive {
    0%, 100% {
        transform: translate3d(var(--avatar-frame-asset-offset-x, 0%), var(--avatar-frame-asset-offset-y, 0%), 0) scale(var(--avatar-frame-asset-motion-base, 1)) rotate(-.7deg);
        filter: drop-shadow(0 0 14px var(--avatar-frame-asset-glow, var(--avatar-decoration-glow))) drop-shadow(0 16px 18px rgba(0, 0, 0, .26)) brightness(1.02) saturate(1.06) hue-rotate(0deg);
    }
    50% {
        transform: translate3d(calc(var(--avatar-frame-asset-offset-x, 0%) + .7%), calc(var(--avatar-frame-asset-offset-y, 0%) - 1%), 0) scale(var(--avatar-frame-asset-motion-mid, 1.018)) rotate(1deg);
        filter: drop-shadow(0 0 26px var(--avatar-frame-asset-glow, var(--avatar-decoration-glow))) drop-shadow(0 16px 18px rgba(0, 0, 0, .24)) brightness(1.14) saturate(1.18) hue-rotate(14deg);
    }
}

@keyframes premiumMagicRingOrbit {
    from { transform: rotate(0deg) scale(.98); opacity: .46; }
    50% { opacity: .82; }
    to { transform: rotate(360deg) scale(.98); opacity: .46; }
}

@keyframes premiumMagicSparkleOrbit {
    0%, 100% { transform: rotate(-4deg) scale(.96); opacity: .48; }
    42% { transform: rotate(3deg) scale(1.05); opacity: .95; }
    70% { transform: rotate(1deg) scale(.99); opacity: .66; }
}

@keyframes premiumMagicSunPulse {
    0%, 100% { transform: scale(.96) rotate(0deg); opacity: .44; }
    50% { transform: scale(1.08) rotate(14deg); opacity: .92; }
}

@keyframes premiumMagicStormFlicker {
    0%, 100% { opacity: .24; filter: brightness(.95); }
    18% { opacity: .86; filter: brightness(1.45); }
    22% { opacity: .28; filter: brightness(.9); }
    58% { opacity: .74; filter: brightness(1.32); }
    64% { opacity: .36; filter: brightness(1); }
}

@keyframes premiumMagicRainDrift {
    from { transform: translate3d(0, -4%, 0); opacity: .28; }
    50% { opacity: .78; }
    to { transform: translate3d(-4%, 7%, 0); opacity: .28; }
}

@keyframes premiumMagicAuroraWave {
    0%, 100% { transform: translate3d(-4%, 0, 0) rotate(-8deg) scaleX(1.02); opacity: .42; filter: hue-rotate(0deg); }
    50% { transform: translate3d(5%, -2%, 0) rotate(8deg) scaleX(1.08); opacity: .86; filter: hue-rotate(28deg); }
}

@keyframes premiumAvatarSkyCloudAssetLive {
    0%, 100% {
        background-position: 50% 50%;
        transform: translate3d(var(--avatar-frame-asset-offset-x, 0%), var(--avatar-frame-asset-offset-y, 0%), 0) scale(var(--avatar-frame-asset-motion-base, 1));
        filter: drop-shadow(0 0 12px var(--avatar-frame-asset-glow, var(--avatar-decoration-glow))) drop-shadow(0 16px 18px rgba(0, 0, 0, .26)) brightness(1.02) saturate(1.04);
    }
    45% {
        background-position: 47% 53%;
        transform: translate3d(calc(var(--avatar-frame-asset-offset-x, 0%) - 1.2%), calc(var(--avatar-frame-asset-offset-y, 0%) - .5%), 0) scale(var(--avatar-frame-asset-motion-mid, 1.018));
        filter: drop-shadow(0 0 20px var(--avatar-frame-asset-glow, var(--avatar-decoration-glow))) drop-shadow(0 16px 18px rgba(0, 0, 0, .24)) brightness(1.12) saturate(1.08);
    }
    72% {
        background-position: 53% 48%;
        transform: translate3d(calc(var(--avatar-frame-asset-offset-x, 0%) + .8%), calc(var(--avatar-frame-asset-offset-y, 0%) - 1.0%), 0) scale(var(--avatar-frame-asset-motion-soft, 1.015));
        filter: drop-shadow(0 0 16px var(--avatar-frame-asset-glow, var(--avatar-decoration-glow))) drop-shadow(0 16px 18px rgba(0, 0, 0, .24)) brightness(1.07) saturate(1.06);
    }
}

@keyframes premiumAvatarGlobeAssetLive {
    0%, 100% {
        transform: translate3d(var(--avatar-frame-asset-offset-x, 0%), var(--avatar-frame-asset-offset-y, 0%), 0) scale(var(--avatar-frame-asset-motion-base, 1));
        filter: drop-shadow(0 0 12px var(--avatar-frame-asset-glow, var(--avatar-decoration-glow))) drop-shadow(0 16px 18px rgba(0, 0, 0, .32)) brightness(.98) saturate(1);
    }
    50% {
        transform: translate3d(calc(var(--avatar-frame-asset-offset-x, 0%) + .6%), calc(var(--avatar-frame-asset-offset-y, 0%) - .8%), 0) scale(var(--avatar-frame-asset-motion-soft, 1.015));
        filter: drop-shadow(0 0 22px var(--avatar-frame-asset-glow, var(--avatar-decoration-glow))) drop-shadow(0 16px 18px rgba(0, 0, 0, .32)) brightness(1.12) saturate(1.08);
    }
}

@keyframes premiumAvatarCloudOrbAssetLive {
    0%, 100% {
        transform: translate3d(var(--avatar-frame-asset-offset-x, 0%), var(--avatar-frame-asset-offset-y, 0%), 0) scale(var(--avatar-frame-asset-motion-base, 1)) rotate(-1deg);
        filter: drop-shadow(0 0 13px var(--avatar-frame-asset-glow, var(--avatar-decoration-glow))) drop-shadow(0 16px 18px rgba(0, 0, 0, .32)) brightness(1);
    }
    50% {
        transform: translate3d(calc(var(--avatar-frame-asset-offset-x, 0%) - .8%), calc(var(--avatar-frame-asset-offset-y, 0%) - 1.2%), 0) scale(var(--avatar-frame-asset-motion-mid, 1.018)) rotate(1.5deg);
        filter: drop-shadow(0 0 22px var(--avatar-frame-asset-glow, var(--avatar-decoration-glow))) drop-shadow(0 16px 18px rgba(0, 0, 0, .32)) brightness(1.12);
    }
}

@keyframes premiumAvatarMagnetosphereAssetLive {
    0%, 100% {
        transform: translate3d(var(--avatar-frame-asset-offset-x, 0%), var(--avatar-frame-asset-offset-y, 0%), 0) scale(var(--avatar-frame-asset-motion-base, 1));
        filter: drop-shadow(0 0 12px var(--avatar-frame-asset-glow, var(--avatar-decoration-glow))) drop-shadow(0 16px 18px rgba(0, 0, 0, .32)) brightness(1);
    }
    42% {
        transform: translate3d(calc(var(--avatar-frame-asset-offset-x, 0%) + .5%), calc(var(--avatar-frame-asset-offset-y, 0%) - .5%), 0) scale(var(--avatar-frame-asset-motion-pulse, 1.025));
        filter: drop-shadow(0 0 24px var(--avatar-frame-asset-glow, var(--avatar-decoration-glow))) drop-shadow(0 16px 18px rgba(0, 0, 0, .32)) brightness(1.22) saturate(1.16);
    }
    56% {
        filter: drop-shadow(0 0 15px var(--avatar-frame-asset-glow, var(--avatar-decoration-glow))) drop-shadow(0 16px 18px rgba(0, 0, 0, .32)) brightness(1.04);
    }
}

@keyframes premiumAvatarCloudShellDrift {
    0%, 100% { transform: translate3d(-9%, 2%, 0) rotate(-3deg); }
    50% { transform: translate3d(9%, -1%, 0) rotate(3deg); }
}

@keyframes premiumAvatarAtmosphereSweep {
    0%, 100% { transform: rotate(-18deg) scale(.98); opacity: .22; }
    50% { transform: rotate(18deg) scale(1.04); opacity: .46; }
}

@keyframes premiumAvatarCloudClusterOrbit {
    0% { transform: rotate(0deg) translate3d(-3%, 0, 0); opacity: .42; }
    50% { transform: rotate(180deg) translate3d(3%, -2%, 0); opacity: .68; }
    100% { transform: rotate(360deg) translate3d(-3%, 0, 0); opacity: .42; }
}

@keyframes premiumAvatarStarFieldTwinkle {
    0%, 100% { transform: scale(.96) rotate(-2deg); opacity: .34; }
    42% { transform: scale(1.04) rotate(2deg); opacity: .78; }
    70% { transform: scale(.99) rotate(-1deg); opacity: .52; }
}

@keyframes premiumAvatarMoonSurfaceShift {
    0%, 100% { transform: translate3d(-2%, 1%, 0) scale(.98); opacity: .22; }
    50% { transform: translate3d(3%, -1%, 0) scale(1.04); opacity: .42; }
}

@keyframes premiumAvatarMagnetosphereOrbit {
    from { transform: rotate(-18deg) scaleX(1.24) scaleY(.52); }
    to { transform: rotate(342deg) scaleX(1.24) scaleY(.52); }
}

@keyframes premiumAvatarElectricFlicker {
    0%, 100% { opacity: .22; filter: brightness(1); }
    22% { opacity: .72; filter: brightness(1.35); }
    30% { opacity: .30; filter: brightness(.92); }
    54% { opacity: .66; filter: brightness(1.28); }
    72% { opacity: .38; filter: brightness(1.04); }
}

body.page-public-profile.workspace-profile-page .avatar-decoration-wrapper:not(.is-avatar-decoration-visible),
body.page-public-profile.workspace-profile-page .avatar-decoration-wrapper:not(.is-avatar-decoration-visible) *,
body.page-public-profile.workspace-profile-page .avatar-decoration-wrapper:not(.is-avatar-decoration-visible) *::before,
body.page-public-profile.workspace-profile-page .avatar-decoration-wrapper:not(.is-avatar-decoration-visible) *::after,
body.page-public-profile.workspace-profile-page.profile-motion-paused .profile-avatar-large.premium-avatar-frame,
body.page-public-profile.workspace-profile-page.profile-motion-paused .profile-avatar-large.premium-avatar-frame *,
body.page-public-profile.workspace-profile-page.profile-motion-paused .profile-avatar-large.premium-avatar-frame *::before,
body.page-public-profile.workspace-profile-page.profile-motion-paused .profile-avatar-large.premium-avatar-frame *::after {
    animation-play-state: paused !important;
}

body.page-public-profile.workspace-profile-page.profile-low-power .avatar-decoration-ambient-wrapper .decoration-layer-particles,
body.page-public-profile.workspace-profile-page.profile-low-power .avatar-decoration-ambient-wrapper .decoration-layer-sparkles,
body.page-public-profile.workspace-profile-page.profile-low-power .avatar-decoration-ambient-wrapper .decoration-layer-orbit {
    display: none !important;
}

body.page-public-profile.workspace-profile-page.profile-low-power .profile-avatar-large.premium-avatar-frame .premium-frame-asset,
body.page-public-profile.workspace-profile-page.profile-low-power .profile-avatar-large.premium-avatar-frame .premium-frame-deco,
body.page-public-profile.workspace-profile-page.profile-low-power .profile-avatar-large.premium-avatar-frame::before,
body.page-public-profile.workspace-profile-page.profile-low-power .profile-avatar-large.premium-avatar-frame::after {
    animation-duration: 8s !important;
    will-change: auto !important;
}

@media (max-width: 640px) {
    body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame {
        --profile-avatar-decoration-size: 116px;
    }

    body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame::before {
        inset: -5px;
    }
    body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame::after {
        inset: -9px;
    }
    body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame .premium-frame-character {
        transform: scale(.76);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame::before,
    body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame::after,
    body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame .premium-frame-deco,
    body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame .premium-frame-deco::before,
    body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame .premium-frame-deco::after,
    body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame .premium-frame-asset,
    body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame .premium-frame-asset::before,
    body.page-public-profile.workspace-profile-page .profile-avatar-large.premium-avatar-frame .premium-frame-asset::after,
    body.page-public-profile.workspace-profile-page .avatar-decoration-wrapper,
    body.page-public-profile.workspace-profile-page .avatar-decoration-wrapper *,
    body.page-public-profile.workspace-profile-page .avatar-decoration-wrapper *::before,
    body.page-public-profile.workspace-profile-page .avatar-decoration-wrapper *::after {
        animation: none !important;
    }
}
