.echo-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--echo-radius-full);background:var(--echo-drawn-glass,linear-gradient(160deg,var(--echo-well) 0,var(--echo-lcd) 100%));box-shadow:inset 0 2px 5px color-mix(in oklab,var(--echo-cast-ink,black) calc(.8 * var(--echo-shade, 1) * 100%),transparent),inset 0 -1px 0 rgb(255 255 255/calc(.05 * var(--echo-gloss, 1))),inset 0 0 0 var(--echo-line-width,0) var(--echo-line,transparent)}.echo-avatar[data-size=xs]{width:1.25rem;height:1.25rem;font-size:var(--echo-text-3xs)}.echo-avatar[data-size=sm]{width:1.5rem;height:1.5rem;font-size:var(--echo-text-3xs)}.echo-avatar[data-size=md]{width:2.25rem;height:2.25rem;font-size:var(--echo-text-xs)}.echo-avatar[data-size=lg]{width:3.25rem;height:3.25rem;font-size:var(--echo-text-lg)}.echo-avatar[data-size=xl]{width:5rem;height:5rem;font-size:var(--echo-text-2xl)}.echo-avatar__image{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}.echo-avatar__initials{font-family:var(--echo-font-machine,ui-sans-serif,system-ui,sans-serif);font-weight:var(--echo-weight-bold,700);letter-spacing:var(--echo-tracking-wide,.06em);line-height:var(--echo-leading-none,1);color:var(--echo-text-dim);text-shadow:0 1px 0 rgb(255 255 255/calc(.08 * var(--echo-gloss, 1)))}.echo-avatar__led{position:absolute;inset-inline-end:0;bottom:0;box-sizing:border-box;width:26%;height:26%;min-width:8px;min-height:8px;border-radius:var(--echo-radius-full);background:var(--echo-well);border:var(--echo-border-fine,1.5px) solid color-mix(in oklab,var(--echo-text-dim) 72%,transparent);box-shadow:0 0 0 2px var(--echo-surface),inset 0 1px 1.5px color-mix(in oklab,var(--echo-cast-ink,black) calc(.7 * var(--echo-shade, 1) * 100%),transparent),inset 0 0 0 var(--echo-line-width,0) var(--echo-line,transparent);transition:background-color var(--echo-duration-tick) ease-out,border-color var(--echo-duration-tick) ease-out}@media (prefers-reduced-motion:reduce){.echo-avatar__led{transition:none}}.echo-avatar[data-status=live] .echo-avatar__led{background:var(--echo-accent-glow);border-color:var(--echo-accent-glow);box-shadow:0 0 0 2px var(--echo-surface),inset 0 1px 0 rgb(255 255 255/calc(.45 * var(--echo-gloss, 1)))}