@layer components{.skeleton{background:var(--surface-secondary,#e5e7eb);border-radius:4px;animation:1.5s ease-in-out infinite skeleton-pulse}.skeleton--circle{border-radius:50%}.skeleton-group{flex-direction:column;gap:8px;display:flex}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}}
@layer components{.avatar{background:var(--surface-secondary,#e5e7eb);color:var(--text-secondary,#6b7280);-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.avatar__img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.avatar__initials{z-index:0;line-height:1;position:relative}.avatar[data-fallback=true] .avatar__initials{z-index:1}}