.profile-frame{--pf-size: 80px;--pf-r: 50%;--pf-avatar-underlap: -6%;position:relative;width:var(--pf-size);height:var(--pf-size);flex:none;display:inline-block;vertical-align:middle;line-height:0;isolation:isolate}.pf-avatar{position:absolute;inset:var(--pf-avatar-underlap);border-radius:var(--pf-r);overflow:hidden;clip-path:circle(50% at 50% 50%);-webkit-clip-path:circle(50% at 50% 50%);z-index:1;background:var(--bg-subtle, #1e293b)}.pf-avatar>*,.pf-avatar>*>*{border-radius:var(--pf-r)}.pf-avatar img{width:100%;height:100%;object-fit:cover;display:block;user-select:none;border-radius:50%!important}.pf-avatar-empty{display:block;width:100%;height:100%;background:linear-gradient(140deg,#334155,#1e293b)}.pf-overlay{position:absolute;z-index:2;pointer-events:none;user-select:none;max-width:none;object-fit:contain}.pf-cyber-pulse .pf-overlay{animation:pf-cyber-glow 3.6s ease-in-out infinite}@keyframes pf-cyber-glow{50%{opacity:.65;filter:drop-shadow(0 0 4px #22d3ee)}}.pf-sprite{overflow:hidden}.pf-sy,.pf-sx{display:block;will-change:transform}.pf-sx{background-repeat:no-repeat}.pf-sy{animation:pf-sprite-y var(--pf-dur, 1.6s) infinite}.pf-sx{animation:pf-sprite-x var(--pf-row-dur, .8s) infinite}@keyframes pf-sprite-x{to{transform:translate(-100%)}}@keyframes pf-sprite-y{to{transform:translateY(-100%)}}html:not([data-motion=reduce]) .profile-frame .pf-sy{animation-duration:var(--pf-dur, 1.6s)!important;animation-iteration-count:infinite!important}html:not([data-motion=reduce]) .profile-frame .pf-sx{animation-duration:var(--pf-row-dur, .8s)!important;animation-iteration-count:infinite!important}@media(prefers-reduced-motion:reduce){html:not([data-motion=reduce]):not([data-motion=full]) .profile-frame .pf-sy{animation-duration:calc(var(--pf-dur, 1.6s) * 2)!important}html:not([data-motion=reduce]):not([data-motion=full]) .profile-frame .pf-sx{animation-duration:calc(var(--pf-row-dur, .8s) * 2)!important}}.profile-frame.pf-plain .pf-sy,.profile-frame.pf-plain .pf-sx{animation:none!important}.profile-frame.pf-plain.pf-cyber-pulse .pf-overlay{animation:none}@media(prefers-reduced-motion:reduce){.pf-cyber-pulse .pf-overlay{animation:none}}