.avatar:has(.avatar-portrait){padding:0;border:0;background:none;overflow:visible;flex-shrink:0}
.avatar-portrait{display:block;width:100%;height:100%;object-fit:contain;border-radius:25%;user-select:none}
.sidebar-profile .avatar.small{width:42px;height:42px;min-width:42px;border-radius:12px}
.top-avatar:has(.avatar-portrait){padding:0;width:40px;height:40px;background:none;border:0;border-radius:12px}
.profile-card .avatar.large:has(.avatar-portrait){width:72px;height:72px}
.dialog:has(.avatar-collection){width:min(620px,calc(100% - 28px))}
.avatar-selection-preview{display:flex;gap:16px;align-items:center;padding:0 0 20px;margin-bottom:18px;border-bottom:1px solid var(--border)}
.avatar-selection-preview>.avatar-portrait{width:76px;height:76px;flex-shrink:0}
.avatar-selection-preview strong{display:block;font-size:20px;line-height:1.4;font-weight:600;letter-spacing:-.02em}
.avatar-selection-preview p{font-size:13px;color:var(--muted);margin:4px 0 0;line-height:1.5}
.avatar-picker.avatar-collection{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}
.avatar-picker.avatar-collection>button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:auto;height:auto;min-height:110px;padding:10px 8px;border:1px solid var(--border);border-radius:15px;background:var(--surface);color:var(--ink);font-size:12px;line-height:1.4;transition:border-color .18s,background .18s,transform .18s}
.avatar-picker.avatar-collection>button>.avatar-portrait{width:68px;height:68px;transition:transform .22s ease}
.avatar-picker.avatar-collection>button.selected{border:2px solid var(--accent);padding:9px 7px;background:var(--soft);box-shadow:none}
.avatar-choice-check{position:absolute;right:6px;top:6px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-size:11px;border:2px solid var(--surface)}
.avatar-choice-name{font-weight:500}
@media(hover:hover){.avatar-picker.avatar-collection>button:hover{border-color:var(--accent);background:var(--soft)}.avatar-picker.avatar-collection>button:hover>.avatar-portrait{transform:translateY(-3px)}}
.avatar-picker.avatar-collection>button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:600px){.avatar-picker.avatar-collection{gap:7px}.avatar-picker.avatar-collection>button{min-height:94px;padding:8px 4px;font-size:11px;border-radius:12px}.avatar-picker.avatar-collection>button.selected{padding:7px 3px}.avatar-picker.avatar-collection>button>.avatar-portrait{width:54px;height:54px}.avatar-selection-preview>.avatar-portrait{width:64px;height:64px}.avatar-selection-preview{padding-bottom:14px;margin-bottom:14px}.avatar-selection-preview strong{font-size:18px}}
@media(max-width:360px){.avatar-picker.avatar-collection{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.avatar-picker.avatar-collection>button,.avatar-picker.avatar-collection>button>.avatar-portrait{transition:none;transform:none!important}}
.dialog:has(.avatar-collection){padding:22px}.avatar-selection-preview{padding-bottom:14px;margin-bottom:12px}.avatar-selection-preview>.avatar-portrait{width:60px;height:60px}.avatar-picker.avatar-collection>button{min-height:100px}.avatar-picker.avatar-collection>button>.avatar-portrait{width:62px;height:62px}