.friend-list-modal{max-width:600px;max-height:550px;display:flex;flex-direction:column;overflow:hidden}.friend-list-modal--find-friends{width:min(96vw,58rem);max-width:58rem;height:min(88vh,780px);max-height:92vh;gap:.95rem;padding:1.5rem;background:var(--white);border:1px solid rgba(148,163,184,.18);box-shadow:0 28px 60px rgba(var(--bg-deep-tint),.35)}.friend-list-modal__header{align-items:flex-start}.friend-list-modal__title-wrap{display:flex;align-items:center;gap:.55rem;min-width:0}.friend-list-modal__icon-wrap{display:inline-flex;align-items:center;gap:.35rem;flex-shrink:0}.friend-list-modal__icon{display:inline-flex;align-items:center;justify-content:center;color:var(--muted);flex-shrink:0}.friend-list-modal__title-copy{display:flex;flex-direction:column;gap:.1rem;min-width:0}.friend-list-modal__title{margin:0;font-size:1.25rem;font-weight:600;line-height:1.2}.friend-list-modal__subtitle{margin:0;font-size:.8125rem;line-height:1.2}.friend-list-modal__close{margin-left:auto}.friend-list-modal--find-friends .friend-list-modal__header{align-items:flex-start;margin-bottom:.1rem}.friend-list-modal--find-friends .friend-list-modal__title{font-size:1.25rem}.friend-list-modal--find-friends .friend-list-modal__subtitle{font-size:.8125rem;line-height:1.35}.friend-list-modal__controls{margin:-.75rem -1.5rem 0;padding:0 1.5rem .75rem;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.friend-list-modal--find-friends .friend-list-modal__controls{margin:-.15rem -1.5rem 0;padding:0 1.5rem .8rem}.friend-list-modal--find-friends .friends-modal__controls{margin-bottom:.45rem}.friend-list-modal--find-friends .stats-switcher__option{font-size:.9rem;padding:.42rem .7rem}.friend-list-modal--find-friends .stats-switcher__track{border-radius:12px}.friend-list-modal--find-friends .stats-switcher__slider{border-radius:9px}.friend-list-modal--find-friends .friend-search--find-friends{margin-top:.5rem}.friend-list-modal--find-friends .friend-search__field{min-width:0}.friend-list-modal--find-friends .input-with-icon{min-height:38px}.friend-list-modal__search{margin:-1rem -1.5rem -1.25rem;padding:0 1.5rem 1rem;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.friend-list-modal__search-field{display:flex;align-items:center;gap:.6rem;padding:.65rem .85rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-tertiary)}.friend-list-modal__search-field svg{flex-shrink:0;color:var(--text-muted, #94a3b8)}.friend-list-modal__search-input{appearance:none;border:none;background:transparent;color:var(--text);font-family:inherit;font-size:.9rem;flex:1;min-width:0;padding:0;outline:2px solid transparent}.friend-list-modal__search-input::placeholder{color:var(--text-muted, #94a3b8)}.friend-list-modal__search-clear{appearance:none;border:none;background:none;color:var(--text-muted, #94a3b8);cursor:pointer;padding:.2rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .12s}.friend-list-modal__search-clear:hover{color:var(--text)}.friend-list-modal__body{overflow-y:auto;flex:1 1 auto;min-height:0;margin-left:-1.5rem;margin-right:-1.5rem;padding-left:1.5rem;padding-right:1.5rem}.friend-list-modal--find-friends .friend-list-modal__body{margin-left:-1.5rem;margin-right:-1.5rem;padding:.65rem 1.5rem .1rem}.friend-list-modal__footer{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 0 .35rem}.friend-list-modal__footer-meta{font-size:.72rem;color:var(--text-muted, #94a3b8);letter-spacing:.01em}.friend-list-modal__footer-btn{appearance:none;border:none;background:transparent;color:var(--text-muted, #94a3b8);padding:.2rem .1rem;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:color .12s}.friend-list-modal__footer-btn:hover{color:var(--text)}.friend-list-modal__empty{padding:2rem 0;margin:0;font-size:.88rem;color:var(--text-muted, #94a3b8);text-align:center}.friend-list-modal__list{list-style:none;margin:0;padding:.5rem 0}.friend-list-modal--find-friends .friend-list-modal__list{display:flex;flex-direction:column;gap:.55rem;padding:0}.friend-list-modal__item{display:flex;align-items:stretch;gap:.5rem;padding:.25rem 0}.friend-list-modal--find-friends .friend-list-modal__item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.8rem;min-width:0;padding:.72rem .85rem;border:1px solid rgba(148,163,184,.18);border-radius:.95rem;background:#94a3b80f;transition:border-color .15s ease,transform .15s ease,background-color .15s ease}.friend-list-modal--find-friends .friend-list-modal__item:hover{border-color:rgba(var(--primary-tint),.3);transform:translateY(-1px)}.friend-list-modal__user{appearance:none;border:none;background:none;flex:1;display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;cursor:pointer;color:inherit;font-family:inherit;text-align:left;transition:background .15s ease;border-radius:8px;min-width:0}.friend-list-modal__user:hover{background:#94a3b814}.friend-list-modal--find-friends .friend-list-modal__user{min-height:46px;padding:0;background:transparent;gap:.8rem}.friend-list-modal--find-friends .friend-list-modal__user:hover{background:transparent}.friend-list-modal--find-friends .friend-list-modal__actions .friends-btn{min-height:34px;min-width:66px;padding:.35rem .65rem;border-radius:8px;gap:.35rem;font-size:.84rem;white-space:nowrap}.friend-list-modal--find-friends .friend-list-modal__actions .friends-btn--danger{background:#ef44441f}.friend-list-modal--find-friends .friend-list-modal__actions .friends-btn--ghost{background:#94a3b814}.friend-list-modal--find-friends .friend-list-modal__actions{flex-wrap:wrap;justify-content:flex-end;gap:.4rem}.friend-list-modal--find-friends .friends-suggest-tags{display:flex;flex-direction:row;flex-wrap:wrap;gap:.25rem;align-items:center;margin-top:.2rem;min-width:0;overflow:hidden}.friend-list-modal--find-friends .friends-suggest-tag{max-width:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;font-weight:500;color:var(--text-muted, #94a3b8);background:#94a3b80f;border:1px solid rgba(148,163,184,.12);border-radius:999px;padding:.12rem .45rem;line-height:1.3}.friend-list-modal--find-friends .friends-suggest-tag--more{flex:0 0 auto;color:var(--text);background:rgba(var(--primary-tint),.12);border-color:rgba(var(--primary-tint),.22)}.friend-list-modal__avatar.friend-avatar{width:40px;height:40px;border-radius:50%;font-size:.8rem;flex-shrink:0}.friend-list-modal--find-friends .friend-list-modal__avatar.friend-avatar{width:42px;height:42px;font-size:.8rem}.friend-list-modal__user-info{display:flex;flex-direction:column;min-width:0;flex:1}.friend-list-modal--find-friends .friend-list-modal__user-info{gap:.1rem}.friend-list-modal__name{font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:.5rem}.friend-list-modal--find-friends .friend-list-modal__name{font-size:.9rem;font-weight:600;line-height:1.15}.friend-list-modal__handle{font-size:.8rem;color:var(--text-muted, #94a3b8);margin-top:.1rem}.friend-list-modal--find-friends .friend-list-modal__handle{font-size:.8rem;line-height:1.25;margin-top:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-list-modal__user-extra{font-size:.75rem;color:var(--text-muted, #94a3b8);margin-top:.2rem}.friend-list-modal--find-friends .friend-list-modal__user-extra{margin-top:.18rem;min-width:0}.friend-list-modal__you-badge,.friend-list-modal__friend-badge{font-size:11px;font-weight:500;color:var(--muted);opacity:.7;white-space:nowrap;flex-shrink:0}.friend-list-modal__actions{display:flex;gap:.4rem;flex-shrink:0;align-items:center}.friend-list-modal__action-btn{appearance:none;border:none;background:#94a3b814;color:var(--text-muted, #94a3b8);cursor:pointer;padding:.45rem;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .12s,color .12s}.friend-list-modal__action-btn:hover{background:#94a3b826;color:var(--text)}.friend-list-modal__action-btn--danger{color:#ef4444;background:#ef444414}.friend-list-modal__action-btn--danger:hover{background:#ef444426}.friend-list-modal__action-btn--primary{color:var(--primary, #8b5cf6);background:#8b5cf614}.friend-list-modal__action-btn--primary:hover{background:#8b5cf626}.friend-list-modal__action-btn:disabled{cursor:not-allowed;opacity:.55}.friend-list-modal__action-labeled{appearance:none;border:none;display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .7rem;border-radius:8px;font-family:inherit;font-size:.78rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .12s,color .12s;flex-shrink:0}.friend-list-modal__action-labeled--ghost{background:#94a3b814;color:var(--text-muted, #94a3b8)}.friend-list-modal__action-labeled--ghost:hover{background:#94a3b826;color:var(--text)}.friend-list-modal__action-labeled--danger{background:#ef444414;color:#ef4444}.friend-list-modal__action-labeled--danger:hover{background:#ef444426}.friend-list-modal__action-labeled--primary{background:#8b5cf614;color:var(--primary, #8b5cf6)}.friend-list-modal__action-labeled--primary:hover{background:#8b5cf626}.friend-list-modal__action-labeled:disabled{cursor:not-allowed;opacity:.55}@media(max-width:860px){.friend-list-modal--find-friends{width:94vw;height:min(88vh,760px);padding:1rem}.friend-list-modal--find-friends .friend-list-modal__controls,.friend-list-modal--find-friends .friend-list-modal__body{margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}.friend-list-modal--find-friends .friend-list-modal__list{gap:.5rem}}@media(max-width:520px){.friend-list-modal--find-friends .friend-list-modal__item{grid-template-columns:minmax(0,1fr)}.friend-list-modal--find-friends .friend-list-modal__actions{justify-content:flex-start;padding-left:2.8rem}}.theme-light .friend-list-modal__search,.theme-light .friend-list-modal__controls{background:rgba(var(--primary-tint),.05)}.theme-light .friend-list-modal__search-field{background:rgba(var(--primary-tint),.1);border-color:rgba(var(--primary-tint),.3)}.theme-light .friend-list-modal__user:hover{background:rgba(var(--primary-tint),.08)}.theme-light .friend-list-modal--find-friends .friend-list-modal__item{border-color:rgba(var(--primary-tint),.22);background:rgba(var(--primary-tint),.04)}.theme-light .friend-list-modal--find-friends .friend-list-modal__item:hover{border-color:rgba(var(--primary-tint),.45);background:rgba(var(--primary-tint),.08)}.theme-light .friend-list-modal--find-friends .friend-list-modal__actions .friends-btn--ghost{background:rgba(var(--primary-tint),.08);border-color:rgba(var(--primary-tint),.28)}.theme-light .friend-list-modal--find-friends{border-color:rgba(var(--primary-tint),.25)}