@layer components{.people-self-card{gap:var(--spacing-3);padding:var(--spacing-4);background:var(--self-card-surface);border:1px solid var(--brand-gold-muted);border-radius:var(--radius-md);flex-direction:column;display:flex}.people-self-card__identity{align-items:center;gap:var(--spacing-2);cursor:pointer;text-align:center;background:0 0;border:none;flex-direction:column;min-width:0;padding:0;display:flex}.people-self-card__avatar{border-radius:var(--radius-full);background:var(--brand-gold-muted);width:40px;height:40px;color:var(--self-card-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.people-self-card__avatar--invite{background:var(--brand-gold);color:var(--text-on-gold)}.people-self-card__identity-text{flex-direction:column;align-items:center;min-width:0;display:flex}.people-self-card__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--self-card-text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.people-self-card__meta{font-size:var(--font-size-xs);color:var(--self-card-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.people-self-card__identity:hover .people-self-card__name{text-decoration:underline}.people-self-card__helpful{font-size:var(--font-size-xs);color:var(--self-card-text-muted);align-items:center;gap:4px;display:inline-flex}.people-self-card__meter{gap:var(--spacing-2);padding-top:var(--spacing-3);border-top:1px solid var(--brand-gold-muted);flex-direction:column;display:flex}.people-self-card__meter-head{justify-content:space-between;align-items:baseline;display:flex}.people-self-card__meter-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.04em;color:var(--self-card-text-muted)}.people-self-card__meter-count{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--self-card-text);font-variant-numeric:tabular-nums}.people-self-card__pips{align-self:flex-start;align-items:center;gap:var(--spacing-2);max-width:100%;display:flex;position:relative}.people-self-card__pips:before{content:"";background:color-mix(in srgb, var(--self-card-text) 25%, transparent);height:1.5px;position:absolute;top:50%;left:4.5px;right:4.5px;transform:translateY(-50%)}.people-self-card__pip{z-index:1;border-radius:var(--radius-full);border:1.5px solid color-mix(in srgb, var(--self-card-text) 35%, transparent);background:var(--self-card-surface);box-sizing:border-box;flex-shrink:0;width:9px;height:9px;position:relative}.people-self-card__pip--filled{background:var(--color-success);border-color:var(--color-success)}.people-self-card__meter-bar{border-radius:var(--radius-full);border:1.5px solid color-mix(in srgb, var(--self-card-text) 35%, transparent);background:var(--self-card-surface);box-sizing:border-box;width:100%;height:9px;overflow:hidden}.people-self-card__meter-bar-fill{border-radius:var(--radius-full);background:var(--color-success);height:100%;display:block}.people-self-card__meter-note{font-size:var(--font-size-xs);color:var(--self-card-text-muted);line-height:var(--line-height-normal);margin:0}.people-self-card__action{appearance:none;width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-primary);font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast)}.people-self-card__action:hover{background:var(--hover-surface);border-color:var(--accent);color:var(--accent-hover)}.people-self-card__action--stop{background:var(--surface);border-color:color-mix(in srgb, var(--color-error) 40%, transparent);color:var(--color-error);font-weight:var(--font-weight-medium)}[data-theme=dark] .people-self-card__action--stop{background:#000}.people-self-card__action--stop:hover{background:color-mix(in srgb, var(--color-error) 8%, transparent);border-color:var(--color-error);color:var(--color-error)}.people-self-card__action--start{background:var(--surface);border-color:color-mix(in srgb, var(--color-success) 40%, transparent);color:var(--color-success);font-weight:var(--font-weight-medium)}[data-theme=dark] .people-self-card__action--start{background:#000}.people-self-card__action--start:hover{background:color-mix(in srgb, var(--color-success) 8%, transparent);border-color:var(--color-success);color:var(--color-success)}.people-self-card__action:disabled{opacity:.6;cursor:not-allowed}.people-self-card__soft-nudge{appearance:none;width:100%;padding:var(--spacing-1) 0;cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--self-card-text-muted);text-align:left;transition:color var(--transition-fast);background:0 0;border:none}.people-self-card__soft-nudge:hover{color:var(--brand-gold)}.people-self-card__optin{gap:var(--spacing-2);padding-top:var(--spacing-3);border-top:1px solid var(--brand-gold-muted);flex-direction:column;display:flex}.people-self-card__optin-status{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xs);color:var(--self-card-text-muted);display:inline-flex}.people-self-card__optin-status--on{color:var(--self-card-text);font-weight:var(--font-weight-medium)}.people-self-card__optin-dot{border-radius:var(--radius-full);background:var(--color-success);flex-shrink:0;width:7px;height:7px}.people-self-card__saved{justify-content:center;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) 0;cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--self-card-text-muted);transition:color var(--transition-fast);background:0 0;border:none;display:inline-flex}.people-self-card__saved:hover{color:var(--self-card-text)}}
@layer components{.people-intro-card .people-self-card__identity{cursor:default;align-items:center}.people-intro-card .people-self-card__identity:hover .people-self-card__name{text-decoration:none}.people-intro-card .people-self-card__name{font-size:var(--font-size-base);white-space:normal;overflow:visible}.people-intro-card__cta{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-sm);background:var(--brand-gold);color:var(--text-on-gold);font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:background var(--transition-fast);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.people-intro-card__cta:hover{background:var(--brand-gold-hover)}}