@keyframes subscription-ring-spin{to{transform:rotate(1turn)}}@keyframes subscription-glow-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.03)}}@keyframes subscription-glow-pulse-square{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.55;transform:scale(1.015)}}.subscription-avatar-frame{position:relative;display:inline-flex;flex-shrink:0;isolation:isolate}.subscription-avatar-frame__glow{position:absolute;inset:-3px;border-radius:inherit;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--color-accent) 40%,transparent),transparent 72%);animation:subscription-glow-pulse 4s ease-in-out infinite;pointer-events:none}.subscription-avatar-frame__ring{position:absolute;inset:0;border-radius:inherit;background:conic-gradient(from 0deg,var(--color-accent),#fbbf24,#fde68a,#e8b923,var(--color-accent));animation:subscription-ring-spin 16s linear infinite;pointer-events:none}.subscription-avatar-frame--square .subscription-avatar-frame__ring{background:linear-gradient(135deg,var(--color-accent),#fbbf24 42%,#e8b923 72%,var(--color-accent));animation:none}.subscription-avatar-frame--square .subscription-avatar-frame__glow{inset:-2px;animation:subscription-glow-pulse-square 4.2s ease-in-out infinite}.subscription-avatar-frame__inner{position:relative;z-index:1;margin:0;border-radius:inherit;overflow:hidden;background:var(--color-card)}.subscription-avatar-frame--active .subscription-avatar-frame__inner{margin:3px}.subscription-avatar-frame--active.subscription-avatar-frame--square .subscription-avatar-frame__inner{margin:2.5px}.subscription-avatar-frame__badge{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;border-radius:9999px;background:linear-gradient(135deg,var(--color-accent),#fbbf24);color:#000;box-shadow:0 0 0 2px var(--color-card),0 2px 8px color-mix(in srgb,var(--color-accent) 40%,transparent);pointer-events:none}.subscription-avatar-frame--round .subscription-avatar-frame__badge{right:-2px;bottom:-2px;width:1rem;height:1rem}.subscription-avatar-frame--square .subscription-avatar-frame__badge{right:-4px;top:-4px;width:1.25rem;height:1.25rem}@media (prefers-reduced-motion:reduce){.subscription-avatar-frame__glow,.subscription-avatar-frame__ring{animation:none}}