@layer components{.peers-list{gap:var(--spacing-3);flex-direction:column;display:flex}.peers-list:not(.peers-list--browse){width:100%;max-width:756px;margin-inline:auto}.peers-list__toolbar{gap:var(--spacing-3);flex-direction:column;display:flex}.peers-list__context-rail{display:none}@media (min-width:769px){.peers-list--browse{column-gap:var(--spacing-8);grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,756px) 300px;justify-content:center;align-items:start;display:grid}.peers-list--browse .peers-list__toolbar{grid-area:2/1}.peers-list__page-header{grid-area:1/1/auto/-1}.peers-list--browse .peers-list__main{grid-area:3/1}.peers-list--browse .peers-list__context-rail{top:calc(var(--navbar-height) + var(--spacing-4));grid-area:3/2;align-self:start;display:flex;position:sticky}}.peers-list__self-aside{display:none}@media (min-width:769px){.peers-list--browse.peers-list--with-self{grid-template-columns:240px minmax(0,720px) 300px}.peers-list--browse.peers-list--with-self .peers-list__toolbar{grid-area:2/1/auto/-1}.peers-list--with-self .peers-list__self-aside{top:calc(var(--navbar-height) + var(--spacing-4));padding-top:calc(var(--feed-controls-height) + var(--spacing-3));grid-area:3/1;min-width:0;display:block;position:sticky}.peers-list--browse.peers-list--with-self .peers-list__main{grid-area:3/2}.peers-list--browse.peers-list--with-self .peers-list__context-rail{padding-top:calc(var(--feed-controls-height) + var(--spacing-3));grid-area:3/3}.peers-list--with-self .peers-list__self-row{display:none}.people-page--compare .peers-list--browse.peers-list--with-self .peers-list__main{grid-column:2/-1}.people-page--compare .peers-list__context-rail{display:none}}@media (min-width:769px) and (max-width:1100px){.peers-list--browse .peers-list__context-rail{display:none}.peers-list--browse{grid-template-columns:minmax(0,756px)}.peers-list--browse.peers-list--with-self{grid-template-columns:240px minmax(0,1fr)}}.peers-list__self-row{align-items:stretch;gap:var(--spacing-2);display:flex}.peers-list__self-strip{justify-content:space-between;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);background:var(--self-card-surface);border:1px solid var(--brand-gold-muted);border-radius:var(--radius-md);cursor:pointer;text-align:left;opacity:.92;min-width:0;transition:opacity var(--transition-fast), box-shadow var(--transition-fast);flex:1;display:flex}.peers-list__self-strip:hover{opacity:1;box-shadow:0 2px 8px #0000001a}.peers-list__self-row-save{background:var(--self-card-surface);border:1px solid var(--brand-gold-muted);border-radius:var(--radius-md);width:44px;color:var(--self-card-text-muted);cursor:pointer;transition:color var(--transition-fast), box-shadow var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.peers-list__self-row-save:hover{color:var(--self-card-text);box-shadow:0 2px 8px #0000001a}.peers-list__self-row-save--active{color:var(--self-card-text)}.peer-card__self-avatar{background:var(--brand-slate);width:28px;height:28px;color:var(--text-on-accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.04em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.peer-card__stat-icon{font-size:.6rem}.peers-list__self-strip-left{align-items:center;gap:var(--spacing-2);min-width:0;display:flex;overflow:hidden}.peers-list__self-strip-divider{color:var(--self-card-text-muted);font-size:var(--font-size-xs);flex-shrink:0}.peers-list__self-strip-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--self-card-text);white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;min-width:0;overflow:hidden}.peers-list__self-strip-meta{font-size:var(--font-size-xs);color:var(--self-card-text-muted);white-space:nowrap;text-overflow:ellipsis;flex-shrink:2;min-width:0;overflow:hidden}.peers-list__self-strip-right{align-items:center;gap:var(--spacing-2);flex-shrink:0;display:flex}.peers-list__self-strip-helpful{font-size:var(--font-size-xs);color:var(--self-card-text-muted);align-items:center;gap:4px;display:inline-flex}.peers-list__self-strip-cta{font-size:var(--font-size-xs);color:var(--self-card-text-muted);white-space:nowrap}.peers-list__self-strip:hover .peers-list__self-strip-cta{color:var(--self-card-text)}.peers-list__self-strip-chevron{color:var(--self-card-text-muted);font-size:var(--font-size-xs);flex-shrink:0}.peers-list__self-strip:hover .peers-list__self-strip-chevron{color:var(--self-card-text)}@media (max-width:768px){.peers-list__self-strip-meta,.peers-list__self-strip-divider--meta,.peers-list__self-strip-cta{display:none}}.peers-list__main{min-width:0}.peers-list__feed-header{gap:var(--spacing-2);flex-direction:column;display:flex}@media (min-width:769px){.peers-list__feed-header{top:var(--navbar-height);z-index:var(--z-sticky);background:var(--page-bg);padding-top:var(--spacing-3);padding-bottom:var(--spacing-2);position:sticky}}@media (max-width:768px){.peers-list__feed-header{padding-bottom:var(--spacing-4)}}.peers-list__cards-scroll{padding-bottom:var(--spacing-4)}.peers-list__sentinel{padding:var(--spacing-4) 0;justify-content:center;min-height:1px;display:flex}.peers-list__empty-state{text-align:center;padding:var(--spacing-8) var(--spacing-6);border:1px dashed var(--border-default);border-radius:var(--radius-md);background:var(--surface-elevated);flex-direction:column;align-items:center;display:flex}.peers-list__empty-state-title{margin:0 0 var(--spacing-2);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.peers-list__empty-state-body{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-normal);max-width:380px;margin:0}.peers-list__empty-state-action{margin-top:var(--spacing-4);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family-base);color:var(--accent);background:var(--surface);border:1px solid var(--accent);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast)}.peers-list__empty-state-action:hover{background:var(--accent);color:var(--text-inverse)}.peers-list__cards-wrapper{position:relative}.peers-list__loading-overlay{z-index:2;padding-top:var(--spacing-8);background:color-mix(in srgb, var(--surface) 70%, transparent);border-radius:var(--radius-md);justify-content:center;align-items:flex-start;display:flex;position:absolute;inset:0}.peers-list__cards{transition:opacity var(--transition-fast);flex-direction:column;gap:0;display:flex}:root:not([data-theme=dark]) .peers-list__cards{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--insight-card-radius)}:root:not([data-theme=dark]) .peers-list__cards .peer-feed-card:first-child{border-top:none}:root:not([data-theme=dark]) .peers-list__cards .peer-feed-card:last-child{border-bottom:none}.peers-list__cards .peers-list__invite-card,.peers-list__cards .peers-list__demo-gate-card{margin:var(--spacing-3) 0}.peers-list__cards--loading{opacity:.4;pointer-events:none}.peers-list__cards[aria-busy=true]{opacity:.45;pointer-events:none;transition:opacity var(--transition-fast)}@media (max-width:768px){.peers-list__demo-gate-card{display:none}}.peers-list__invite-cta{margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--border-subtle);align-items:center;gap:var(--spacing-2);flex-direction:column;display:flex}.peers-list__invite-cta-text{font-size:var(--font-size-sm);color:var(--text-muted);text-align:center;margin:0}.peers-list__invite-cta-btn{appearance:none;border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-sm);padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-sm);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0}.peers-list__invite-cta-btn:hover{color:var(--text-primary);border-color:var(--border-default)}.peers-list__invite-card{background-color:var(--brand-slate);border-radius:var(--insight-card-radius);padding:var(--spacing-3) var(--insight-card-padding);justify-content:space-between;align-items:center;gap:var(--spacing-3);display:flex}.peers-list__invite-card:hover{box-shadow:none;transform:none}.peers-list__invite-card-text{font-size:var(--font-size-sm);color:#ffffffbf;margin:0}.peers-list__invite-card-btn{appearance:none;color:var(--text-on-accent);border-radius:var(--radius-sm);padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-sm);white-space:nowrap;cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1px solid #fff6;flex-shrink:0}.peers-list__invite-card-btn:hover{background:#ffffff1a;border-color:#ffffffb3}@media (max-width:768px){.peers-list__invite-card{flex-direction:column;align-items:flex-start}}.peers-list__demo-gate-card{padding:var(--spacing-3) var(--spacing-4);background:var(--brand-slate);border:1px solid var(--brand-slate);border-radius:var(--insight-card-radius);box-shadow:var(--insight-card-shadow-tight), var(--insight-card-shadow-soft);text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.peers-list__demo-gate-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold,700);color:var(--text-on-accent);margin:0}.peers-list__demo-gate-body{font-size:var(--font-size-xs);color:#ffffffb3;max-width:420px;margin:0;line-height:1.4}.peers-list__demo-gate-btn{margin-top:var(--spacing-2);background-color:var(--brand-gold);color:var(--text-on-gold);border-radius:var(--radius-sm);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold,600);cursor:pointer;border:none;transition:background-color .15s}.peers-list__demo-gate-btn:hover{background-color:var(--brand-gold-hover)}}