.friends-por-popup{position:fixed;top:1rem;right:1rem;display:flex;flex-direction:column;gap:.6rem;width:min(340px,calc(100vw - 2rem));z-index:220;overflow-y:auto;overscroll-behavior:contain;max-height:calc(100vh - 2rem);background:transparent;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.friends-por-popup::-webkit-scrollbar{width:4px}.friends-por-popup::-webkit-scrollbar-track{background:transparent}.friends-por-popup::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.friends-por-popup__card{border:1px solid var(--border);background:var(--white);padding:.9rem 1rem;border-radius:.9rem;display:flex;align-items:center;justify-content:space-between;gap:.9rem;box-shadow:0 8px 30px #00000047}.friends-por-popup__card--group{align-items:center}.friends-por-popup__card--por{border-color:#facc1573;background:color-mix(in srgb,#facc15 7%,var(--white))}.friends-por-popup__card--success{border-color:#4ade8080;background:color-mix(in srgb,#4ade80 7%,var(--white))}.friends-por-popup__card--error{border-color:#f871718c;background:color-mix(in srgb,#f87171 7%,var(--white))}.friends-por-popup__content{display:flex;flex-direction:column;gap:.2rem}.friends-por-popup__group-icon{width:32px;height:32px;border-radius:.7rem;border:1px solid rgba(var(--primary-tint),.35);background:rgba(var(--primary-tint),.14);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.friends-por-popup__group-icon--por{color:#facc15;border-color:#facc1559;background:#facc1524}.friends-por-popup__eyebrow{margin:0;color:var(--primary);font-size:.85rem}.friends-por-popup__eyebrow--por{color:#facc15}.friends-por-popup__eyebrow--success{color:#4ade80}.friends-por-popup__eyebrow--error{color:#fca5a5}.theme-light .friends-por-popup__eyebrow--success{color:var(--color-success-emphasis)}.theme-light .friends-por-popup__eyebrow--error{color:var(--color-danger-strong)}.friends-por-popup__title{margin:0;font-weight:700}.friends-por-popup__meta{margin:0;color:var(--muted);font-size:.9rem}.friends-por-popup__card--fade-light{opacity:.55}.friends-por-popup__card--fade{opacity:.3}.friends-por-popup__dismiss{flex-shrink:0;min-height:34px;border-radius:.7rem;border:1px solid rgba(148,163,184,.32);background:rgba(var(--bg-tint),.28);color:var(--text);font-size:.8rem;font-weight:600;padding:.35rem .65rem;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.friends-por-popup__dismiss:hover,.friends-por-popup__dismiss:focus-visible{border-color:rgba(var(--primary-tint),.45);background:rgba(var(--primary-tint),.16);color:var(--text)}.theme-light .friends-por-popup__card{background:var(--white);box-shadow:0 4px 16px rgba(var(--bg-tint),.1),0 1px 4px rgba(var(--bg-tint),.06)}.theme-light .friends-por-popup__card--por{background:color-mix(in srgb,#facc15 10%,var(--white))}.theme-light .friends-por-popup__card--success{background:color-mix(in srgb,#4ade80 10%,var(--white))}.theme-light .friends-por-popup__card--error{background:color-mix(in srgb,#f87171 10%,var(--white))}.theme-light .friends-por-popup__dismiss{background:var(--white);border-color:var(--border);color:var(--text)}.theme-light .friends-por-popup__dismiss:hover,.theme-light .friends-por-popup__dismiss:focus-visible{background:rgba(var(--primary-tint),.1);border-color:rgba(var(--primary-tint),.3);color:var(--primary-700)}.friends-por-popup__dismiss-all{width:100%;min-height:34px;border-radius:.7rem;border:1px solid rgba(148,163,184,.32);background:rgba(var(--bg-tint),.18);color:var(--muted);font-size:.8rem;font-weight:600;padding:.35rem .65rem;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.friends-por-popup__dismiss-all:hover,.friends-por-popup__dismiss-all:focus-visible{border-color:rgba(var(--primary-tint),.45);background:rgba(var(--primary-tint),.16);color:var(--text)}.theme-light .friends-por-popup__dismiss-all{background:var(--white);border-color:var(--border);color:var(--muted)}.theme-light .friends-por-popup__dismiss-all:hover,.theme-light .friends-por-popup__dismiss-all:focus-visible{background:rgba(var(--primary-tint),.1);border-color:rgba(var(--primary-tint),.3);color:var(--primary-700)}@media(max-width:640px){.friends-por-popup{left:50%;right:auto;transform:translate(-50%);width:calc(100vw - 1.5rem);top:calc(1rem + env(safe-area-inset-top,0));max-width:none}.friends-por-popup__card{width:100%}}