.friends-screen{flex-direction:column;gap:.85rem;display:flex}.friends-screen .friends-tabs{margin-bottom:0}.friends-screen .friends-tabs .branded-tabs__tab{min-height:var(--app-touch)}.friends-panel:focus{outline:none}.friends-panel{flex-direction:column;gap:.7rem;display:flex}.friends-counter{text-align:end;color:var(--brand-text-on-lab-muted);margin:0;font-size:.75rem;font-weight:800}.friends-help{color:var(--brand-text-on-lab-muted);margin:0;font-size:.82rem;font-weight:700}.friends-warn{border:1px solid var(--brand-gold);border-radius:var(--app-radius-sm);background:color-mix(in srgb, var(--brand-gold) 10%, var(--brand-surface-lab));color:var(--brand-gold);margin:0;padding:.55rem .75rem;font-size:.85rem;font-weight:800}.friends-fail{border:1px solid var(--app-danger);border-radius:var(--app-radius);background:color-mix(in srgb, var(--app-danger) 10%, var(--brand-surface-lab));flex-direction:column;align-items:center;gap:.6rem;padding:.85rem;display:flex}.friends-fail__text{text-align:center;color:var(--brand-text-on-lab);margin:0;font-size:.92rem;font-weight:800}.friends-fail .app-btn{width:auto;min-width:9rem}.friends-screen .branded-empty{padding:1.25rem 1.25rem 1.5rem}.friends-screen .branded-empty__glow{margin-bottom:.5rem}.friends-screen .branded-empty__art{width:5.5rem;height:5.5rem}.friends-screen .branded-empty__title{font-size:1.7rem}.friends-screen .branded-empty__body{margin-top:.4rem;font-size:.9rem}.friends-screen .friends-row__below .app-btn,.friends-screen .friends-row__end .app-btn{letter-spacing:.06em;width:auto;min-width:5.5rem;padding:.4rem .9rem;font-size:1.05rem}.friends-screen .friends-row__below .app-btn{min-width:7rem}.friends-footer{text-align:center;margin:.25rem 0 0}.friends-back{min-height:var(--app-touch);align-items:center;padding-inline:.75rem;font-size:.85rem;font-weight:800;display:inline-flex}.friends-back:focus-visible{outline:3px solid var(--app-purple);outline-offset:2px;border-radius:var(--app-radius-sm)}.friends-skeleton{border:1px solid color-mix(in srgb, var(--brand-teal) 22%, var(--app-border));border-radius:var(--app-radius);background:linear-gradient(90deg, var(--brand-surface-lab) 0%, var(--brand-surface-lab-raised) 50%, var(--brand-surface-lab) 100%);background-size:200% 100%;height:3.7rem}@media (prefers-reduced-motion:no-preference){.friends-skeleton{animation:1.4s ease-in-out infinite friends-shimmer}}@keyframes friends-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}