.avatar{width:var(--avatar-size);height:var(--avatar-size);background:var(--surface);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.avatar-photo{object-fit:cover;background:var(--surface);width:100%;height:100%}.avatar-letter{font-size:calc(var(--avatar-size) * .4);color:var(--text-muted);font-weight:600;line-height:1}.empty-state{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);text-align:center;color:var(--text-muted);animation:mes-fade-in var(--motion-screen) var(--ease-out) backwards;flex-direction:column;display:flex}.empty-state-title{color:var(--text);font-size:var(--text-title-section-size);font-weight:var(--text-title-section-weight);margin:0}.empty-state-description{max-width:260px;font-size:var(--text-secondary-size);line-height:var(--text-secondary-line);margin:0}.empty-state-action{margin-top:var(--space-2)}.error-state{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);text-align:center;animation:mes-fade-in var(--motion-screen) var(--ease-out) backwards;flex-direction:column;display:flex}.error-state-title{color:var(--text);font-size:var(--text-title-section-size);font-weight:var(--text-title-section-weight);margin:0}.error-state-trace{color:var(--text-muted);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.countdown{white-space:nowrap}@media (width>=1024px){.day-bars{align-items:stretch;gap:var(--space-1);height:32px;display:flex}.day-bar{border-radius:var(--radius-cell);background:color-mix(in srgb, var(--text-muted) 16%, transparent);flex:1;align-items:flex-end;display:flex;overflow:hidden}.day-bar-fill{background:color-mix(in srgb, var(--accent) 55%, transparent);width:100%;min-height:2px}.day-bar-last .day-bar-fill{background:var(--accent)}}
