.friend-avatar{width:42px;height:42px;border-radius:50%;background:var(--primary);background-clip:padding-box;color:#f8fafc;display:inline-flex;align-items:center;justify-content:center;font-weight:700;text-transform:uppercase;flex-shrink:0;position:relative;overflow:hidden;border:1.5px solid rgba(120,120,120,.55)}.friend-avatar__initials{font-size:.95rem;line-height:1;user-select:none}.friend-avatar--small{width:36px;height:36px;font-size:.9rem}.friend-avatar--small .friend-avatar__initials{font-size:.85rem}.friend-avatar--image{width:100%;height:100%;border-radius:50%;object-fit:cover;position:absolute;top:0;left:0}.friend-avatar--with-image{background:transparent;border-color:transparent}.friend-avatar--generated{background:color-mix(in srgb,var(--surface, #fff) 78%,var(--primary, #7c3aed));border-color:#14b8a652}.friend-avatar--with-image.friend-avatar--generated{background:transparent;border-color:transparent}.profile-avatar-picker{display:grid;gap:1rem}.profile-avatar-picker__preview{display:flex;align-items:center;gap:1rem;min-width:0}.profile-avatar-picker__avatar{width:112px;height:112px;border-radius:34px}.profile-avatar-picker__avatar .friend-avatar--image{border-radius:34px}.profile-avatar-picker__copy{display:grid;gap:.3rem;min-width:0}.profile-avatar-picker__copy strong{text-transform:capitalize}.profile-avatar-picker__copy span{color:var(--text-muted, #64748b);font-size:.9rem;line-height:1.4}.profile-avatar-picker__actions{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem}.profile-avatar-picker__actions .btn{display:inline-flex;align-items:center;gap:.45rem}.profile-avatar-picker__file{display:none}.profile-avatar-picker__text-btn{justify-self:start;border:0;background:transparent;padding:0;color:var(--primary, #7c3aed);font-weight:700;cursor:pointer}.profile-avatar-gallery{display:flex;flex-direction:column;width:min(840px,calc(100vw - 2rem));max-height:min(780px,calc(100vh - 2rem));overflow:hidden}.profile-avatar-gallery__backdrop{z-index:10080}.profile-avatar-gallery__header{align-items:flex-start}.profile-avatar-gallery__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:1rem;min-height:0;max-height:min(560px,calc(100vh - 13rem));overflow-y:auto;padding:.25rem .35rem .15rem 0}.profile-avatar-gallery__item{aspect-ratio:1;border:1px solid rgba(148,163,184,.18);border-radius:22px;padding:0;background:transparent;cursor:pointer;display:grid;place-items:center;overflow:hidden;box-shadow:0 14px 28px #0000002e;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.profile-avatar-gallery__item--selected{border-color:#9beeff;box-shadow:0 0 0 3px #9beeff75,0 16px 32px #00000038}.profile-avatar-gallery__item:hover,.profile-avatar-gallery__item:focus-visible{border-color:var(--primary, #7c3aed);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary, #7c3aed) 28%,transparent),0 16px 32px #0000003d;transform:translateY(-1px);outline:none}.profile-avatar-gallery__item img{width:100%;height:100%;border-radius:inherit;display:block;object-fit:cover}@media(max-width:640px){.profile-avatar-gallery__backdrop{align-items:center;padding:.75rem;padding-top:max(.75rem,env(safe-area-inset-top));padding-bottom:max(.75rem,env(safe-area-inset-bottom))}.profile-avatar-picker__preview{align-items:flex-start}.profile-avatar-picker__avatar{width:88px;height:88px;border-radius:28px}.profile-avatar-picker__avatar .friend-avatar--image{border-radius:28px}.profile-avatar-gallery__backdrop .modal.profile-avatar-gallery{--avatar-gallery-tile-size: clamp(58px, 16vw, 68px);width:min(23rem,calc(100vw - 1.5rem))!important;max-width:min(23rem,calc(100vw - 1.5rem))!important;height:min(42rem,calc(100vh - 1.5rem));height:min(42rem,calc(100dvh - 1.5rem));max-height:min(42rem,calc(100vh - 1.5rem));max-height:min(42rem,calc(100dvh - 1.5rem));border-radius:20px!important;gap:.8rem;margin:0;padding:.9rem;animation:none}.profile-avatar-gallery__header{align-items:center;flex-shrink:0;gap:.75rem}.profile-avatar-gallery__header h2{font-size:1.1rem;line-height:1.2}.profile-avatar-gallery__grid{grid-template-columns:repeat(4,var(--avatar-gallery-tile-size));justify-content:center;gap:.55rem;flex:1;max-height:none;padding:.1rem .1rem .6rem;align-content:start}.profile-avatar-gallery__item{width:var(--avatar-gallery-tile-size);height:var(--avatar-gallery-tile-size);border-radius:18px;background:transparent;box-shadow:0 10px 20px #0003}.profile-avatar-gallery__item img{width:100%;height:100%;border-radius:inherit;object-fit:contain}}@media(max-width:380px){.profile-avatar-gallery__backdrop{padding:.6rem;padding-top:max(.6rem,env(safe-area-inset-top));padding-bottom:max(.6rem,env(safe-area-inset-bottom))}.profile-avatar-gallery__backdrop .modal.profile-avatar-gallery{--avatar-gallery-tile-size: clamp(54px, 15vw, 60px);width:min(21.5rem,calc(100vw - 1.2rem))!important;max-width:min(21.5rem,calc(100vw - 1.2rem))!important;height:min(40rem,calc(100vh - 1.2rem));height:min(40rem,calc(100dvh - 1.2rem));padding:.75rem;border-radius:18px!important}.profile-avatar-gallery__grid{gap:.45rem}}