.friends-page{min-height:100dvh;max-width:980px;margin:0 auto;padding:clamp(16px,4vw,34px);background:linear-gradient(145deg,var(--tj-surface),var(--tj-surface) 55%,var(--tj-surface));color:var(--tj-text);font-family:inherit}.friends-page,.friends-page *{box-sizing:border-box}.friends-page nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:26px}.friends-page nav a{display:inline-flex;align-items:center;min-height:44px;padding:9px 14px;background:var(--tj-surface-3);border:1px solid #735586;border-radius:12px;color:var(--tj-text);font-weight:750;text-decoration:none}.friends-page h1{font-size:clamp(30px,6vw,44px);line-height:1.15;letter-spacing:-.03em;margin:0 0 8px;color:#fff}.friends-page>p{color:var(--tj-text-2);line-height:1.55;max-width:62ch;margin:0 0 24px}.friends-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0 22px;padding:5px;border:1px solid var(--tj-line-strong);border-radius:16px;background:var(--tj-bg)}.friends-page button{font:inherit;cursor:pointer;min-height:44px;border-radius:12px;border:1px solid #785c90;background:var(--tj-surface-3);color:var(--tj-text);font-weight:750;padding:10px 14px;line-height:1.35;overflow-wrap:break-word}.friends-page a:focus-visible,.friends-page button:focus-visible,.friends-search input:focus-visible{outline:3px solid var(--tj-lime);outline-offset:2px}.friends-page button[aria-pressed=true]{background:#8a50d3;border-color:#a979ef;color:#fff}.friends-page button:disabled{opacity:.55;cursor:wait}.friends-tabs button{min-width:0;padding:11px 5px;font-size:clamp(11px,2.5vw,14px);border-color:transparent;background:transparent}.friends-search{padding:17px;background:var(--tj-surface-2);border:1px solid var(--tj-line-strong);border-radius:18px;margin-bottom:20px}.friends-search label{display:grid;gap:9px;color:var(--tj-paper-2);font-weight:700;font-size:14px}.friends-search input{display:block;min-width:0;width:100%;min-height:50px;background:var(--tj-bg)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:16px!important;padding:12px 14px;border:1px solid var(--tj-subtle);border-radius:11px;font:inherit}.friends-search input::placeholder{color:var(--tj-muted);opacity:1}.friends-search>div{display:flex;flex-wrap:wrap;gap:9px;margin-top:13px}.friends-results{display:grid;gap:12px}.friends-results article{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;padding:16px;background:var(--tj-surface-2);border:1px solid var(--tj-line-strong);border-radius:17px;box-shadow:0 8px 25px #09040b2b}.friends-results article>a{display:flex;align-items:center;gap:13px;min-width:0;flex:1 1 190px;color:#fff;text-decoration:none}.friends-results article>a span{min-width:0;overflow-wrap:anywhere}.friends-results article>a b{font-size:16px}.friends-results img{height:54px;width:54px;flex:0 0 54px;object-fit:cover;border-radius:50%;background:var(--tj-line);border:2px solid var(--tj-lime)}.friends-results small{display:block;color:var(--tj-text-2);margin-top:4px;font-size:12px}.friends-results article>div{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.friends-results article>div>span{color:var(--tj-lime);font-size:13px;font-weight:800}.friends-results article>div>button:first-child{background:var(--tj-lime);color:var(--tj-bg);border-color:var(--tj-lime)}.friends-page [role=alert]{padding:12px 14px;color:var(--tj-paper-2);background:var(--tj-line);border:1px solid #d37899;border-radius:12px}@media(max-width:530px){.friends-page{padding:16px 12px}.friends-tabs{gap:2px}.friends-results article{padding:12px}.friends-results article>div{width:100%}.friends-results article>div button{flex:1 1 auto}}.online-network-strip{display:flex;gap:12px;overflow-x:auto;max-width:100%;padding:12px;scroll-snap-type:x mandatory}.online-network-strip button{position:relative;display:flex;align-items:center;flex-direction:column;gap:4px;min-width:72px;max-width:90px;background:transparent;border:0;color:inherit;scroll-snap-align:start;font-size:11px}.online-network-strip img{width:52px;height:52px;border-radius:50%;object-fit:cover}.online-network-strip i{position:absolute;top:39px;right:15px;width:11px;height:11px;border-radius:100%;background:#22c55e;border:2px solid white}.friends-tabs{display:flex;overflow-x:auto;scrollbar-width:thin;gap:6px;scroll-snap-type:x proximity}.friends-tabs button{flex:0 0 auto;padding:10px 13px;white-space:nowrap;scroll-snap-align:start}.friends-actions>a{display:inline-flex;min-height:44px;align-items:center;padding:10px 14px;background:var(--tj-lime);color:var(--tj-bg);border-radius:12px;font-weight:750;text-decoration:none}.friends-block{background:transparent!important;border-color:#845875!important}.friends-block,.friends-empty{color:var(--tj-paper-line)!important}.friends-empty{padding:22px;background:var(--tj-surface-2);border-radius:14px}.friends-notice{padding:12px 14px;background:var(--tj-success-tint);border:1px solid #8ca85c;border-radius:12px;color:var(--tj-lime-soft)!important}.friends-page>nav{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.friends-page>nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;white-space:nowrap}@media(max-width:600px){.friends-page{max-width:100%;overflow-x:hidden;padding-inline:12px}.friends-page>nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.friends-page>nav a{min-width:0}.friends-tabs{display:flex;flex-wrap:wrap;gap:6px}.friends-tabs button{min-height:44px}}