.pf-friends-dialog{width:min(680px,calc(100vw - 24px));max-height:92dvh;margin:auto;padding:0;border:1px solid #e3e6f3;border-radius:28px;background:#f8f9fe;color:#25304a;box-shadow:0 30px 120px #17234740;overflow:auto;overscroll-behavior:contain;font-family:inherit}.pf-friends-dialog::backdrop{background:#17223b77;backdrop-filter:blur(7px)}.pf-friends-dialog *{box-sizing:border-box}.pf-friends-dialog [hidden]{display:none!important}.pf-friends-dialog button,.pf-friends-dialog input{font:inherit}.pf-friends-dialog button{cursor:pointer;min-height:44px}.pf-friends-dialog button:disabled{cursor:default;opacity:.5}.pf-friends-dialog button:focus-visible,.pf-friends-dialog input:focus-visible{outline:3px solid #929aff;outline-offset:3px}.pf-friends-dialog svg{width:20px;height:20px;flex:none}.pf-friends-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:29px 28px 22px;background:radial-gradient(ellipse at 82% 0,#e2e8ff,transparent 65%),linear-gradient(140deg,#f7f6ff,#eef4ff);border-bottom:1px solid #e6e9f5}.pf-friends-eyebrow{font-size:9px;letter-spacing:.17em;font-weight:700;color:#7782ba}.pf-friends-header h2{font-size:27px;letter-spacing:-1px;margin:10px 0 7px;line-height:1.3}.pf-friends-header p{font-size:12px;color:#7a849d;margin:0;line-height:1.7}.pf-friends-icon-button{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid #dae1f2;border-radius:15px;color:#647294;background:#ffffffd9}.pf-friends-search{padding:22px 25px 16px}.pf-friends-search>label{display:block;font-size:11px;font-weight:750;color:#63718d;margin-bottom:9px}.pf-friends-search>div{display:flex;align-items:center;gap:7px;padding:5px 5px 5px 14px;border:1px solid #dce1f0;border-radius:16px;background:white;box-shadow:0 3px 10px #28335703}.pf-friends-search>div>span{color:#818ccb;font-size:20px;font-weight:650}.pf-friends-search input{flex:1;min-width:0;border:0;background:transparent;color:#273653;min-height:42px;padding:7px;font-size:13px;outline-offset:0!important}.pf-friends-search input::placeholder{color:#9aa3ba;font-size:12px}.pf-friends-search button{flex:none;border:0;border-radius:12px;background:#5d6be0;color:white;font-size:12px;font-weight:750;padding:0 17px}.pf-friends-search-result{padding:0 25px 14px}.pf-friends-search-result .pf-friends-row{background:#eef2ff;border-color:#d9dff8}.pf-friends-tabs{display:flex;gap:5px;padding:5px;margin:0 25px 16px;border:1px solid #e3e7f5;border-radius:16px;background:#eef1f9}.pf-friends-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;border:0;border-radius:12px;background:transparent;color:#7c87a0;font-size:12px;font-weight:700;padding:9px 6px}.pf-friends-tabs button svg{height:18px;width:18px}.pf-friends-tabs button b{min-width:18px;font-size:10px;line-height:18px;border-radius:6px;background:#dce2f0;color:#7581a2}.pf-friends-tabs button[aria-pressed=true]{color:#5361ce;background:white;box-shadow:0 3px 10px #2b3c7610}.pf-friends-tabs button[aria-pressed=true] b{background:#eef0ff;color:#6571d7}.pf-friends-status{padding:12px 14px;margin:0 25px 13px;border:1px solid #dfe5f7;border-radius:13px;color:#596dac;background:#eef3ff;font-size:12px;line-height:1.65;overflow-wrap:anywhere}.pf-friends-status.is-error{color:#a34d4a;border-color:#f1d6d1;background:#fff0ed}.pf-friends-body{padding:0 25px 14px;min-height:220px}.pf-friends-room-hint{display:flex;gap:9px;align-items:center;font-size:11px;line-height:1.6;color:#8b95ad;padding:0 3px 13px}.pf-friends-room-hint svg{color:#8895c4;width:17px;height:17px}.pf-friends-room-hint span{min-width:0;overflow-wrap:anywhere}.pf-friends-row{display:flex;align-items:center;gap:12px;padding:13px;margin-bottom:9px;border:1px solid #e3e7f2;border-radius:18px;background:white;min-width:0}.pf-friends-avatar{display:grid;place-items:center;width:43px;height:43px;flex:none;border:1px solid #d7dff5;border-radius:15px;background:linear-gradient(145deg,#edf0ff,#e7edfc);color:#6877ce;font-size:18px;font-weight:700}.pf-friends-person{flex:1;min-width:0}.pf-friends-person strong{display:block;font-size:14px;font-weight:750;color:#33405c;overflow-wrap:anywhere}.pf-friends-person small{display:block;color:#9aa3b5;font-size:10px;line-height:1.5;margin-top:5px;overflow-wrap:anywhere}.pf-friends-person em{display:block;font-size:10px;line-height:1.6;font-style:normal;color:#7585b3;margin-top:5px}.pf-friends-row-actions{display:flex;gap:6px;align-items:center;flex:none}.pf-friends-action{display:flex;align-items:center;justify-content:center;gap:5px;flex:none;border:1px solid #e3e7f1;border-radius:12px;padding:9px 11px;background:#f7f9fd;color:#8190ab;font-size:10px!important;font-weight:700;line-height:1.3}.pf-friends-action svg{width:15px;height:15px}.pf-friends-action.is-primary{background:#eef1ff;border-color:#d9dff9;color:#596bd0}.pf-friends-row.is-confirming{border-color:#e8d8d1;background:#fffaf7}.pf-friends-row.is-confirming .pf-friends-action:last-child{color:#aa6b5a}.pf-friends-section{padding-top:3px}.pf-friends-section>h3{display:flex;gap:8px;align-items:center;color:#7886a2;font-size:11px;margin:7px 2px 12px}.pf-friends-section>h3>span{font-size:10px;color:#98a4bf}.pf-friends-section+.pf-friends-section{margin-top:22px}.pf-friends-empty{text-align:center;padding:22px 15px 28px}.pf-friends-empty-symbol{display:grid;place-items:center;margin:0 auto 15px;width:64px;height:64px;border-radius:22px;border:1px solid #e1e6f8;background:linear-gradient(140deg,#eef1ff,#fafbff);color:#a3add9;box-shadow:0 8px 20px #4d609606}.pf-friends-empty-symbol svg{width:29px;height:29px}.pf-friends-empty h3{font-size:16px;letter-spacing:-.3px;color:#64728f;margin:0 0 10px}.pf-friends-empty p{font-size:11px;color:#a1abc0;line-height:1.8;margin:0;word-break:keep-all}.pf-friends-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 25px 15px;border-top:1px solid #e7ebf6;background:#f3f5fb;color:#9aa4ba;font-size:10px}.pf-friends-footer button{display:flex;align-items:center;gap:6px;flex:none;background:transparent;color:#8594b5;border:0;font-size:10px}.pf-friends-footer svg{width:14px;height:14px}@media(max-width:520px){.pf-friends-header{padding:24px 20px 20px}.pf-friends-header h2{font-size:24px}.pf-friends-search{padding:18px 18px 15px}.pf-friends-tabs{margin:0 18px 14px}.pf-friends-body{padding:0 18px 14px}.pf-friends-search-result{padding:0 18px 14px}.pf-friends-status{margin:0 18px 13px}.pf-friends-row{gap:9px;flex-wrap:wrap;padding:12px}.pf-friends-avatar{width:38px;height:38px;border-radius:13px;font-size:16px}.pf-friends-person{min-width:calc(100% - 60px)}.pf-friends-row-actions{width:100%;justify-content:flex-end;margin-top:1px}.pf-friends-row>.pf-friends-action{margin-left:auto}.pf-friends-search-result .pf-friends-row>.pf-friends-action{margin-left:auto}.pf-friends-action{min-height:44px;padding:10px 12px}.pf-friends-footer{padding:9px 18px 11px}.pf-friends-footer>span{max-width:55%;line-height:1.6}.pf-friends-tabs button{gap:5px}.pf-friends-tabs button svg{width:16px;height:16px}.pf-friends-header p{font-size:11px}}@media(max-width:340px){.pf-friends-dialog{width:calc(100vw - 16px);border-radius:23px}.pf-friends-header{padding:20px 15px 17px;gap:8px}.pf-friends-header h2{font-size:21px}.pf-friends-eyebrow{font-size:8px}.pf-friends-search,.pf-friends-body{padding-left:13px;padding-right:13px}.pf-friends-tabs{margin-left:13px;margin-right:13px}.pf-friends-search-result{padding-left:13px;padding-right:13px}.pf-friends-status{margin-left:13px;margin-right:13px}.pf-friends-tabs button b{display:none}.pf-friends-action{font-size:10px!important}.pf-friends-footer{padding-left:13px;padding-right:13px}}