.friends-page{max-width:1000px}.friends-search-panel{padding:20px}.friends-search{height:52px;display:flex;align-items:center;gap:13px;padding:0 15px;border:1px solid #a276e455;border-radius:13px;background:linear-gradient(100deg,#17131d,#111114);color:#bda0ee;transition:border-color .18s,box-shadow .18s}.friends-search:focus-within{border-color:#a476e8aa;box-shadow:0 0 0 3px #9e66ec18}.friends-search svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.friends-search input{width:100%;border:0;outline:0;background:transparent;color:#f2edf8;font-size:14px}.friends-search input::placeholder{color:#817b89}.friends-search>span{font-size:21px;color:#746c7d}.friends-hint{margin:11px 2px 0;color:#88828f;font-size:11px}.people-results:empty{display:none}.people-results{display:grid;gap:8px;margin-top:16px}.friends-columns{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:14px}.friends-section{min-width:0;padding:18px}.friends-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.friends-section-title .eyebrow{margin-bottom:5px}.friends-section-title h2{margin:0;font-family:Unbounded,Manrope,sans-serif;font-size:16px;font-weight:500;letter-spacing:-.04em}.friends-section-title>span{display:grid;min-width:26px;height:26px;place-items:center;padding:0 7px;border:1px solid #ad83ff35;border-radius:9px;background:#a05df015;color:#d6baff;font-size:11px;font-weight:800}.people-list{display:grid;gap:8px}.person-row{display:flex;align-items:center;gap:11px;min-width:0;padding:10px;border:1px solid #ffffff0d;border-radius:12px;background:linear-gradient(110deg,#ffffff06,#ffffff02)}.person-avatar{position:relative;width:42px;height:42px;flex:none;display:grid;place-items:center;overflow:visible;border:2px solid var(--person-frame-color,#a84eff);border-radius:50%;background:#221b2b;color:#d7bfff;font-size:13px;font-weight:800;box-shadow:0 0 0 1px #09080c,0 0 9px color-mix(in srgb,var(--person-frame-color,#a84eff) 36%,transparent)}.person-avatar.frame-none{border-color:#85808c;box-shadow:0 0 0 1px #09080c}.person-avatar-image,.person-avatar-monogram{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover}.person-avatar-monogram{display:grid;place-items:center;background:#221b2b}.person-avatar-frame{position:absolute;z-index:2;inset:-25%;width:150%;height:150%;object-fit:contain;pointer-events:none}.person-avatar.has-custom-frame-art{border-color:transparent;box-shadow:none;background:transparent}.person-copy{min-width:0;flex:1}.person-copy strong,.person-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-copy strong{font-size:12px}.person-copy small{margin-top:4px;color:#908a98;font-size:10px}.person-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex:none;min-width:174px}.person-action{display:inline-flex;align-items:center;justify-content:center;min-width:142px;min-height:34px;padding:0 12px;border:1px solid #a276e44d;border-radius:9px;background:#8a52d51d;color:#decaff;font-size:10px;font-weight:800;white-space:nowrap;cursor:pointer;transition:background .16s,border-color .16s}.person-action:hover{border-color:#c29aff99;background:#9759ea36}.person-action.request-action{border-color:#a276e477;background:#8a52d52a;color:#e4d2ff}.person-action.request-action:hover{border-color:#c29aff;background:#9759ea40}.person-action.quiet{min-width:104px;border-color:#ffffff17;background:#ffffff05;color:#aaa4af}.person-action.friend-status{border-color:#55bd7d70;background:#40aa641c;color:#7bdd9d;cursor:default}.person-action.friend-status:hover{border-color:#55bd7d70;background:#40aa641c}.person-action:disabled{opacity:.6;cursor:wait}.people-empty{padding:18px 8px;color:#817c87;text-align:center;font-size:11px;line-height:1.6}.outgoing-section{margin-top:13px}.friends-message{margin:12px 0 0;padding:11px 13px;border:1px solid #ffffff13;border-radius:10px;background:#ffffff06;color:#bcb5c4;font-size:11px}.friends-message.error{border-color:#ff7b7b44;color:#ffb5b5}.friends-message[hidden]{display:none}@media(max-width:700px){.friends-page{width:min(100% - 26px,1000px)}.friends-columns{grid-template-columns:1fr}.friends-section-title h2{font-size:14px}.person-row{gap:8px;padding:8px}.person-avatar{width:37px;height:37px}.person-actions{gap:4px;min-width:0}.person-action{min-width:0;min-height:32px;padding:0 8px;font-size:9px}.person-action.quiet{min-width:72px}}
.rooms-section{margin-top:13px}.room-list{display:grid;gap:8px}.room-row{display:flex;align-items:center;gap:11px;min-width:0;padding:10px;border:1px solid #ffffff0d;border-radius:12px;background:linear-gradient(110deg,#ffffff06,#ffffff02)}.room-cover{width:46px;height:62px;flex:none;overflow:hidden;border-radius:8px;background:#21172b}.room-cover img{width:100%;height:100%;object-fit:cover}.room-copy{min-width:0;flex:1}.room-copy strong,.room-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-copy strong{font-size:12px}.room-copy small{margin-top:5px;color:#908a98;font-size:10px}.room-action{text-decoration:none;display:inline-flex;align-items:center}.room-create-link{white-space:nowrap;text-decoration:none}@media(max-width:700px){.room-row{gap:8px;padding:8px}.room-create-link{font-size:9px;padding:0 8px}}