.avatar{--avatar-background:linear-gradient(145deg,#67bdf0,#347bb4);aspect-ratio:1/1;isolation:isolate;background:var(--avatar-background);color:#fff;vertical-align:middle}
.avatar.c0{--avatar-background:linear-gradient(145deg,#63b6ec,#3279b2)}
.avatar.c1{--avatar-background:linear-gradient(145deg,#b09bea,#7760be)}
.avatar.c2{--avatar-background:linear-gradient(145deg,#6bc5d4,#328caa)}
.avatar.c3{--avatar-background:linear-gradient(145deg,#edb171,#c47943)}
.avatar.c4{--avatar-background:linear-gradient(145deg,#e5a0b6,#bd6285)}
.avatar.c5{--avatar-background:linear-gradient(145deg,#83c8b1,#438f79)}
.avatar[class*="c"],.profile-identity .avatar.large{background:var(--avatar-background)}
.avatar-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;line-height:1;z-index:0;overflow:hidden}
.avatar-fallback bdi{font:inherit;line-height:1.25;white-space:nowrap;text-align:center}
.avatar-fallback>.icon,.avatar-fallback>svg{width:54%;height:54%}
.avatar>img.avatar-photo{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center;border-radius:inherit;opacity:0;z-index:1;transition:opacity .12s ease}
.avatar>img.avatar-photo.is-loaded{opacity:1}
.avatar.photo-loaded>.avatar-fallback{visibility:hidden}
.profile-identity .avatar.large{box-shadow:0 0 0 3px var(--list-bg,#17232e);font-size:2.1rem;line-height:1}
.profile-photo{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;border-radius:50%;flex:none}
.profile-photo .photo-badge{position:absolute;right:1px;bottom:1px;display:grid;place-items:center;width:28px;height:28px;padding:5px;border:2px solid var(--list-bg,#17232e);border-radius:50%;background:var(--accent);color:var(--bg);z-index:2}
.avatar.service-avatar{background:#0b192b!important;--avatar-background:#0b192b}
.avatar.service-avatar>.avatar-photo{object-fit:contain;transform:scale(1.18)}
.service-console-logo{padding:0;overflow:hidden;background:#0b192b;font-size:0}
.service-console-logo img{width:100%;height:100%;object-fit:contain;transform:scale(1.18)}
.premium-star{width:24px;height:26px;display:inline-flex;align-items:center;justify-content:center;background:transparent;perspective:none;vertical-align:middle;flex:none}
.premium-star svg.premium-jewel{width:23px;height:23px;overflow:visible;filter:drop-shadow(0 1px 2px #17376850);animation:premium-jewel-turn 14s linear infinite;transform-origin:center}
@keyframes premium-jewel-turn{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.premium-star svg.premium-jewel{animation:none}.avatar>img.avatar-photo{transition:none}}
html[data-motion="off"] .premium-star svg.premium-jewel{animation:none}
@media(max-width:760px){.profile-identity .avatar.large{font-size:1.9rem}}

/* One shared box for the ring and inset photo: no baseline or flex overflow. */
.stories-strip .story-mini{flex:0 0 64px;min-width:64px;overflow:visible}
.stories-strip .story-ring{box-sizing:border-box;width:60px;height:60px;padding:3px;border-width:2px;display:grid;place-items:center;flex:none;line-height:1;isolation:isolate}
.stories-strip .story-ring>.avatar{box-sizing:border-box;width:100%;height:100%;min-width:0;min-height:0;margin:0;border:0;border-radius:50%;box-shadow:none;transform:none;align-self:stretch;justify-self:stretch}
.stories-strip .story-ring.add:after{box-sizing:border-box;display:grid;place-items:center;width:24px;height:24px;line-height:1;font-size:20px;font-weight:500;padding:0;bottom:-2px;inset-inline-end:auto;right:-3px;left:auto;border:3px solid var(--list-bg,var(--panel2));z-index:3}
@media(max-width:760px){.stories-strip .story-mini{flex-basis:58px;min-width:58px}.stories-strip .story-ring{width:54px;height:54px}}