/* Kinetic identity: flat color, SVG orbits, no gradients or moving photos. */
.custom-identity-avatar.identity-has-ornament { overflow:visible!important; outline:0!important; }
.custom-identity-avatar>.identity-ornament { position:absolute; inset:-12%; width:124%; height:124%; max-width:none; overflow:visible; fill:none; stroke:var(--ring,#0060ff); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; pointer-events:none; z-index:1; }
.identity-ornament .ring-track { opacity:.3; stroke-width:1; }
.identity-ornament .ring-satellite { fill:#e4f0ff; stroke:var(--ring); stroke-width:1.5; }
.identity-ornament .ring-detail { stroke:#e4f0ff; stroke-width:1.5; }
.identity-ornament .ring-rotate { transform-origin:50px 50px; animation:identity-orbit 12s linear infinite; }
.identity-ornament .ring-reverse { animation-direction:reverse; animation-duration:16s; }
.identity-ornament .ring-slow { animation-duration:24s; }
.identity-ornament .ring-breathe { animation:identity-energy 4s ease-in-out infinite; }
.custom-identity-avatar[data-identity-frame="orbit"] { --ring:#448aff; }
.custom-identity-avatar[data-identity-frame="double"] { --ring:#9bc5ff; }
.custom-identity-avatar[data-identity-frame="dashed"] { --ring:#67a6ff; }
.custom-identity-avatar[data-identity-frame="diamond"] { --ring:#9bc5ff; border-radius:26%!important; }
.custom-identity-avatar[data-identity-frame="platinum"] { --ring:#d5e2f4; }
.custom-identity-avatar:focus-visible { outline:2px solid #fff!important; outline-offset:8px; }
/* A decorative frame must never obscure voice activity or mute/status indicators. */
.voice-participant.speaking .custom-identity-avatar { outline:2px solid #22c58e!important; outline-offset:7px; }
.custom-identity-avatar>i { z-index:3; }
.custom-identity-avatar.avatar::after { z-index:3; }
.custom-identity-avatar[data-avatar-effect="beacon"] .ring-satellite { animation:identity-energy 3.4s ease-in-out infinite; }
.custom-identity-name[data-name-effect="glow"] { text-shadow:0 0 7px #0060ff,0 0 18px #0060ff66; }
.custom-identity-name[data-name-effect="pulse"] { color:#c4ddff; animation:identity-name-aura 4.8s ease-in-out infinite; }
.custom-identity-name[data-name-effect="underline"] { text-decoration:none; position:relative; }
.custom-identity-name[data-name-effect="underline"]::after { content:""; position:absolute; inset-inline:0; bottom:-2px; height:2px; background:#448aff; opacity:.7; transform:scaleX(.45); transform-origin:right; transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .2s; pointer-events:none; }
.custom-identity-name[data-name-effect="underline"]:is(:hover,:focus-visible)::after,
:is(.global-profile-card,.member-profile-card,.studio-live):is(:hover,:focus-within) .custom-identity-name[data-name-effect="underline"]::after { transform:scaleX(1); opacity:1; }
.custom-identity-name[data-name-effect="outline"] { text-shadow:0 2px 8px #0060ff55; }
.custom-identity-avatar,.custom-identity-name,.identity-ornament :is(.ring-rotate,.ring-breathe,.ring-satellite) { animation-play-state:paused; }
/* Large profiles are the showcase. Dense chat/voice rows animate only on interaction. */
:is(.global-profile-card,.member-profile-card,.profile-preview,.studio-live) :is(.custom-identity-avatar,.custom-identity-name,.ring-rotate,.ring-breathe,.ring-satellite),
:is(.voice-participant,[data-profile-id],.studio-ring-options>button):is(:hover,:focus-within) :is(.custom-identity-avatar,.custom-identity-name,.ring-rotate,.ring-breathe,.ring-satellite),
.custom-identity-avatar:is(:hover,:focus-visible) :is(.ring-rotate,.ring-breathe,.ring-satellite),
.custom-identity-name:is(:hover,:focus-visible) { animation-play-state:running; }
[data-motion-visible="false"] :is(.custom-identity-avatar,.custom-identity-name,.ring-rotate,.ring-breathe,.ring-satellite),
[data-motion-paused="true"] :is(.custom-identity-avatar,.custom-identity-name,.ring-rotate,.ring-breathe,.ring-satellite),
html:is([data-identity-motion="off"],[data-identity-document-hidden="true"]) :is(.custom-identity-avatar,.custom-identity-name,.ring-rotate,.ring-breathe,.ring-satellite) { animation-play-state:paused!important; }
@keyframes identity-orbit { to { transform:rotate(360deg); } }
@keyframes identity-energy { 0%,100% { opacity:.45; } 50% { opacity:1; } }
@keyframes identity-name-aura { 0%,100% { text-shadow:0 0 3px #0060ff; } 50% { text-shadow:0 0 9px #0060ff,0 0 18px #0060ff80; } }
.global-profile-dialog[open] .global-profile-card,.profile-dialog[open] .member-profile-card { animation:identity-card-arrive .26s cubic-bezier(.2,.8,.2,1) both; }
@keyframes identity-card-arrive { from { opacity:0; transform:translateY(10px) scale(.985); } to { opacity:1; transform:translateY(0) scale(1); } }
.profile-studio { --studio-motion-fast:160ms; --studio-motion-curve:cubic-bezier(.2,.8,.2,1); }
.profile-studio .studio-live { border-color:#35537d; box-shadow:0 12px 32px #0004; transition:border-color .24s,box-shadow .24s; }
.profile-studio .studio-live:hover { border-color:#448aff; box-shadow:0 12px 32px #0006,0 0 0 1px #0060ff40; }
.profile-studio .studio-banner { height:100px; }
.profile-studio .studio-avatar { width:76px; height:76px; }
.profile-studio .studio-live-body { padding:24px; gap:24px; }
.studio-gallery-heading h4 { margin:0 0 5px; color:#e7effc; font-size:15px; }
.profile-studio .studio-gallery-heading p { margin:0 0 14px; color:#9dacc1; font-size:12px; }
.studio-ring-gallery { padding:18px 0; border-top:1px solid #29313c; border-bottom:1px solid #29313c; margin:22px 0; }
.studio-ring-options { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.studio-ring-options>button { position:relative; min-width:0; min-height:112px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; padding:18px 8px 12px; border:1px solid #303b4b; border-radius:12px; background:#141922; color:#b5c4db; font:inherit; font-size:12px; line-height:1.7; cursor:pointer; touch-action:manipulation; transition:background-color var(--studio-motion-fast),border-color var(--studio-motion-fast),box-shadow var(--studio-motion-fast); }
.studio-ring-options>button:is(:hover,:focus-visible) { border-color:#448aff; background:#132542; }
.studio-ring-options>button[aria-pressed="true"] { color:#fff; background:#0e2446; border-color:#448aff; box-shadow:inset 0 0 0 1px #448aff; }
.studio-ring-options>button>i { position:absolute; inset-inline-end:7px; top:7px; color:#9bc5ff; font-size:10px; visibility:hidden; }
.studio-ring-options>button[aria-pressed="true"]>i { visibility:visible; }
.studio-ring-sample { width:40px; height:40px; display:grid; place-items:center; border-radius:50%; background:#081324; color:white; }
.profile-studio :is(.studio-presets,.studio-footer)>button { transition:background-color var(--studio-motion-fast),border-color var(--studio-motion-fast),box-shadow var(--studio-motion-fast); touch-action:manipulation; }
.profile-studio :is(.studio-presets,.studio-footer)>button:active,.studio-ring-options>button:active { background:#1e3a60; box-shadow:inset 0 0 0 1px #8ab8ff; }
.profile-studio .studio-device-motion { display:flex; align-items:center; justify-content:flex-start; gap:10px; width:100%; min-height:44px; margin-top:12px; padding:10px 12px; border:1px solid #303b4b; border-radius:10px; color:#bdcce0; background:#141922; font:inherit; font-size:12px; text-align:start; cursor:pointer; }
.profile-studio .studio-device-motion[aria-pressed="true"] { border-color:#448aff; color:#d9e8ff; background:#10213a; }
@media(max-width:600px) { .studio-ring-options { grid-template-columns:repeat(2,minmax(0,1fr)); } .profile-studio .studio-live-body { padding:20px; gap:20px; } .profile-studio .studio-avatar { width:64px; height:64px; } .profile-studio .studio-banner { height:78px; } }
@media(prefers-reduced-motion:reduce) { .custom-identity-avatar,.custom-identity-name,.identity-ornament *,.global-profile-card,.member-profile-card { animation:none!important; } .profile-studio *,.custom-identity-name::after { transition:none!important; } }
html[data-identity-motion="off"] :is(.global-profile-card,.member-profile-card) { animation:none!important; }