.add-friend{color:var(--ui-text);flex-direction:column;gap:16px;padding:24px;display:flex}.add-friend h2,.add-friend p{margin:0}.add-friend label{font-size:14px;font-weight:600}.add-friend input{box-sizing:border-box;border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius);background:var(--ui-canvas);width:100%;color:inherit;font:inherit;padding:12px}.add-friend [role=alert]{color:var(--danger,#ff5d7a)}.add-friend__hint{color:var(--ui-muted,#bbb);font-size:13px}.add-friend__list{gap:4px;max-height:320px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.add-friend__list li{border-radius:8px;align-items:center;gap:12px;padding:6px 4px;display:flex}.add-friend__list li:hover{background:var(--ui-hover,#ffffff12)}.add-friend__who{flex-direction:column;flex:1;min-width:0;display:flex}.add-friend__who strong,.add-friend__who small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.add-friend__who small{color:var(--ui-muted,#bbb);font-size:12px}.add-friend__sent{color:var(--ui-accent,#34fee6);font-size:13px}.social-web .cs__body{padding:0}.social-web .soc,.social-web .soc *{box-sizing:border-box}.social-web .soc{height:calc(100dvh - 72px);min-height:480px}.social-web .soc--site{grid-template-columns:248px minmax(0,1fr)}.social-web .soc__side--site{background:var(--site-nav-bg);border-right-color:var(--site-nav-line);gap:0;padding:24px 16px}.social-web .soc__side--site .side-nav-item small{margin-left:auto;font-size:11px}.social-web .soc-requests form,.social-web .soc-request,.social-web .soc-request__actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.social-web .soc-requests form{margin-bottom:24px}.social-web .soc-requests label{flex:1;gap:8px;min-width:200px;display:grid}.social-web .soc-requests input{width:100%}.social-web .soc-request{padding:16px 0}.social-web .soc-request .soc__rowtext{overflow-wrap:anywhere;flex:1;min-width:180px}.social-web .soc-requests h2{margin:0;font-size:15px}.social-web .soc-requests__group{margin-bottom:24px}.social-web .soc-posts form{gap:12px;margin-bottom:24px;display:grid}.social-web .soc-posts label{gap:8px;display:grid}.social-web .soc-posts textarea{resize:vertical;width:100%;min-height:100px;font:inherit;color:inherit;background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:8px;padding:12px}.social-web .soc-posts__actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;display:flex}.social-web .soc-posts .soc__thread{width:100%}.social-web .soc-posts .soc__message>div{flex:1;min-width:0}.social-web .soc-posts .soc__message p{white-space:pre-wrap;overflow-wrap:anywhere}.social-web .soc__list--managed .soc__member{gap:8px}.social-web .soc__list--managed .soc__rowtext{flex:1;min-width:0}.social-web .soc__list--managed .soc__rowtext>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.social-web .soc__list--managed .compact-nav{flex:none}.social-web .soc__list--managed .compact-nav__menu{left:auto;right:0}.social-web .cfd__body{overflow-wrap:anywhere}.social-web__dm{z-index:50;box-sizing:border-box;background:var(--ui-panel);width:min(380px,100vw - 32px);height:min(520px,100dvh - 120px);color:var(--ui-text);border:1px solid var(--ui-border-strong);border-radius:14px;flex-direction:column;display:flex;position:fixed;bottom:24px;right:24px;overflow:hidden;box-shadow:0 18px 48px #0009}.social-web__dm>header{border-bottom:1px solid var(--ui-border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.social-web__dm>header button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:22px;line-height:1}.social-web__dm>:last-child{flex:auto;min-height:0}