.user-avatar-shell{--avatar-size:40px;--avatar-border-color:rgba(148,163,184,0.22);--avatar-ring-gradient:none;--avatar-ring-shadow:none;position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.user-avatar-shell:before{content:"";position:absolute;inset:-2px;border-radius:999px;background:var(--avatar-ring-gradient);box-shadow:var(--avatar-ring-shadow);padding:2px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.98);transition:transform .18s ease,opacity .18s ease;pointer-events:none}.user-avatar-shell--sm{--avatar-size:36px}.user-avatar-shell--md{--avatar-size:40px}.user-avatar-shell--lg{--avatar-size:52px}.user-avatar-shell--admin,.user-avatar-shell--elite,.user-avatar-shell--premium,.user-avatar-shell--vip{--avatar-border-color:rgba(255,255,255,0.72);--avatar-ring-gradient:conic-gradient(from 210deg,#ef4444 0deg,#f97316 92deg,#22c55e 188deg,#3b82f6 278deg,#ef4444 360deg);--avatar-ring-shadow:0 8px 18px rgba(15,23,42,0.1)}.user-avatar-shell--admin:before,.user-avatar-shell--elite:before,.user-avatar-shell--premium:before,.user-avatar-shell--vip:before{opacity:1;transform:scale(1)}.user-avatar-face{width:var(--avatar-size);height:var(--avatar-size);border-radius:999px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border:1px solid var(--avatar-border-color);position:relative;z-index:1;box-shadow:0 6px 16px rgba(15,23,42,.05);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.user-avatar-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.user-avatar-initial{color:var(--text-primary);font-size:calc(var(--avatar-size) * .4);font-weight:600;letter-spacing:.02em;text-transform:uppercase}[data-theme=dark] .user-avatar-face{border-color:rgba(148,163,184,.24);box-shadow:0 8px 18px rgba(2,6,23,.28)}[data-theme=dark] .user-avatar-shell--admin,[data-theme=dark] .user-avatar-shell--elite,[data-theme=dark] .user-avatar-shell--premium,[data-theme=dark] .user-avatar-shell--vip{--avatar-border-color:rgba(255,255,255,0.82);--avatar-ring-shadow:0 10px 22px rgba(2,6,23,0.34)}