#cs-friends-launcher{position:fixed;right:16px;top:12px;z-index:105;background:#ff9828;color:#10212c;border:0;border-radius:9px;padding:10px 14px;font-weight:700;cursor:pointer}:is(#cs-friends,#cs-person-profile){color:#e9f0f4;background:#102633;border:1px solid #527083;border-radius:16px;width:min(580px,calc(100% - 24px));max-height:85vh;padding:22px;font:14px/1.5 system-ui,sans-serif}:is(#cs-friends,#cs-person-profile)::backdrop{background:#0009}:is(#cs-friends,#cs-person-profile) header{display:flex;align-items:center;justify-content:space-between}:is(#cs-friends,#cs-person-profile) h2{margin:0}:is(#cs-friends,#cs-person-profile) label{display:block;margin:12px 0}:is(#cs-friends,#cs-person-profile) input{box-sizing:border-box;display:block;width:100%;margin-top:5px;background:#091a26;color:#f2f6f8;border:1px solid #557080;border-radius:7px;padding:10px}:is(#cs-friends,#cs-person-profile) button{background:#ff9828;color:#10212c;border:0;border-radius:7px;padding:8px 12px;margin:6px 8px 6px 0;cursor:pointer;font-weight:700}:is(#cs-friends,#cs-person-profile) button:disabled{opacity:.5;cursor:wait}:is(#cs-friends,#cs-person-profile) article{border-bottom:1px solid #355160;padding:14px 0}:is(#cs-friends,#cs-person-profile) small{display:block;color:#b6c7d1}:is(#cs-friends,#cs-person-profile) summary{cursor:pointer;color:#ffb34d;font-weight:700;padding-top:18px}:is(#cs-friends,#cs-person-profile) [role=status]{color:#8fdfb0}:is(#cs-friends,#cs-person-profile) p{overflow-wrap:anywhere}#cs-friends-launcher:focus-visible,:is(#cs-friends,#cs-person-profile) button:focus-visible{outline:3px solid #74e6df;outline-offset:3px}@media(max-width:650px){#cs-friends-launcher{top:auto;bottom:78px;right:12px;font-size:12px}}

#cs-friends-launcher{display:flex;gap:6px;background:none;padding:0;top:8px}#cs-friends-launcher button{font:600 12px system-ui;background:#ff9828;color:#10212c;border:0;border-radius:8px;padding:9px 10px;cursor:pointer}#cs-signout{right:315px!important}#cs-friends .cs-profile-name{background:none;color:#87e2ad;padding:0;text-align:left}#cs-friends [hidden]{display:none!important}@media(max-width:650px){#cs-friends-launcher{top:auto;bottom:78px;right:8px}#cs-signout{right:10px!important}}

#cs-person-profile a{color:#8fe3b0;text-decoration:underline;overflow-wrap:anywhere}

/* Calm, compact friends workspace; profile data and permissions are unchanged. */
html:has(#cs-friends[open]),body:has(#cs-friends[open]){overflow:hidden}
#cs-friends{max-width:calc(100vw - 16px)}
#cs-friends{--cs-surface:#292d34;--cs-quiet:#b1b8c4;box-sizing:border-box;width:min(920px,calc(100vw - 40px));height:min(650px,calc(100dvh - 64px));max-height:none;margin:auto;padding:0;border:1px solid #42464f;border-radius:14px;background:#292d34;color:#eceff3;box-shadow:0 24px 90px #0008;font:14px/1.5 system-ui,sans-serif;overflow:auto}
#cs-friends::backdrop{background:#080b11a6;backdrop-filter:blur(3px)}
#cs-friends>header{padding:20px 26px 16px;border-bottom:1px solid #ffffff0c}
#cs-friends h2{font-size:20px;letter-spacing:-.5px;font-weight:700;color:#f3f4f7}
#cs-friends .cs-dialog-close{display:grid;place-items:center;background:transparent;color:#a9b1be;margin:0;padding:0;width:30px;height:30px;font-size:25px;font-weight:400;border-radius:7px}
#cs-friends .cs-dialog-close:hover{background:#ffffff0d;color:white}
#cs-friends .cs-friends-tabs{display:flex;align-items:center;gap:8px;padding:14px 26px;border-bottom:1px solid #ffffff0c;flex-wrap:wrap}
#cs-friends .cs-friends-tabs button{background:transparent;color:#aeb6c2;margin:0;padding:7px 13px;border-radius:5px;font-size:13px;font-weight:600}
#cs-friends .cs-friends-tabs button:hover{background:#ffffff08;color:white}
#cs-friends .cs-friends-tabs button[aria-pressed=true]{background:#3b414c;color:#f5f6f8}
#cs-friends .cs-friends-tabs .cs-add-tab{margin-left:auto;background:#ff9828;color:#182027;font-weight:750}
#cs-friends .cs-friends-tabs .cs-add-tab:hover,#cs-friends .cs-friends-tabs .cs-add-tab[aria-pressed=true]{background:#ffab4f;color:#182027}
#cs-friends .cs-friends-status{margin:0;padding:0 26px;color:#9cdfb9;font-size:13px}
#cs-friends .cs-friends-status:not(:empty){padding-top:14px}
#cs-friends .cs-friends-status[data-error=true]{color:#ffb8af}
#cs-friends [data-friend-content],#cs-friends [data-search]{padding:22px 26px 26px}
#cs-friends input{background:#20232a;border:1px solid #424852;color:#eef2f7;border-radius:7px;padding:11px 13px;margin:0;font:14px system-ui;outline:none}
#cs-friends input::placeholder{color:#919aaa}
#cs-friends input:focus{border-color:#88ceab;box-shadow:0 0 0 2px #88ceab1c}
#cs-friends input[type=search]{appearance:none;min-width:0}
#cs-friends-count{font-size:11px;letter-spacing:1.15px;color:#a2aab6;margin:24px 0 8px;font-weight:700}
#cs-friends article.cs-friend-row{display:flex;align-items:center;gap:13px;padding:16px 8px;border-bottom:1px solid #ffffff0c;min-width:0;margin:0;border-radius:6px}
#cs-friends article.cs-friend-row:hover{background:#ffffff03}
#cs-friends .cs-friend-avatar{flex:0 0 42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#28474a,#385e54);color:#b8ebcd;font-size:15px;font-weight:700}
#cs-friends .cs-friend-row:nth-child(3n+2) .cs-friend-avatar{background:linear-gradient(135deg,#584737,#805844);color:#ffe1bd}
#cs-friends .cs-friend-row:nth-child(3n) .cs-friend-avatar{background:linear-gradient(135deg,#3a4057,#525978);color:#d8dffb}
#cs-friends .cs-friend-info{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1px 9px;min-width:0;flex:1}
#cs-friends .cs-profile-name{grid-column:1/-1;color:#eef1f6!important;font-size:14px;font-weight:650;padding:0!important;margin:0!important;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;justify-self:start;background:none!important}
#cs-friends .cs-profile-name:hover{text-decoration:underline}
#cs-friends .cs-friend-info small{font-size:12px;color:#8f99a8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#cs-friends .cs-friend-presence{font-size:11px;color:#939dac;white-space:nowrap}
#cs-friends .cs-friend-presence[data-online=true]{color:#8bd5a7}
#cs-friends .cs-friend-presence:not(:empty):before{content:'·';margin-right:8px}
#cs-friends .cs-friend-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
#cs-friends button{margin:0;font:600 12px system-ui;white-space:nowrap;padding:9px 13px;border-radius:6px;background:#3b414c;color:#dfe5ee}
#cs-friends .cs-primary{background:#ff9828;color:#172027;font-weight:750}
#cs-friends .cs-primary:hover{background:#ffac50}
#cs-friends .cs-message{background:#3a4545;color:#aee3c2;border:1px solid #51615b}
#cs-friends .cs-quiet{background:transparent;color:#a9b3c3}
#cs-friends button:disabled{opacity:.6;cursor:default}
#cs-friends .cs-friend-more{position:relative}
#cs-friends .cs-friend-more summary{list-style:none;color:#929dab;letter-spacing:1px;padding:7px;cursor:pointer;font-size:11px}
#cs-friends .cs-friend-more summary::-webkit-details-marker{display:none}
#cs-friends .cs-friend-more[open]>.cs-danger{position:absolute;right:0;top:32px;z-index:5;box-shadow:0 10px 25px #0006;border:1px solid #695051;background:#302a30;color:#ffb4ad;padding:13px}
#cs-friends .cs-friends-empty{display:grid;justify-items:center;text-align:center;padding:48px 12px 32px}
#cs-friends .cs-friends-empty>span{display:grid;place-items:center;width:68px;height:68px;border:1px solid #465650;border-radius:24px;font-size:38px;color:#8cc3a4;background:#283a32;margin-bottom:18px}
#cs-friends .cs-friends-empty h3{font-size:18px;margin:0 0 7px;color:#dfe5ed;font-weight:650}
#cs-friends .cs-friends-empty p{margin:0;max-width:380px;color:#959eac;font-size:13px}
#cs-friends [data-search]>h3{font-size:18px;margin:0 0 6px;color:#f1f3f8}
#cs-friends .cs-friends-hint{margin:0 0 23px;color:#a0a9b8;font-size:13px}
#cs-friends [data-search]>label{font-size:11px;letter-spacing:.6px;font-weight:700;color:#b3bac6;margin:0 0 8px}
#cs-friends .cs-search-line{display:flex;gap:10px}
#cs-friends .cs-search-line input{flex:1}
#cs-friends .cs-search-results{margin-top:22px}
#cs-person-profile{background:#292d34;border-color:#42464f;border-radius:12px;color:#eef0f5}
#cs-person-profile input{background:#20232a;border-color:#49515d}
#cs-person-profile h2{color:#eef1f6}
@media(max-width:640px){#cs-friends{width:calc(100vw - 16px);height:calc(100dvh - 24px);border-radius:10px}#cs-friends>header{padding:16px}#cs-friends .cs-friends-tabs{padding:12px;gap:4px}#cs-friends .cs-friends-tabs button{padding:7px 8px;font-size:12px}#cs-friends .cs-friends-tabs .cs-add-tab{margin-left:0}#cs-friends [data-friend-content],#cs-friends [data-search]{padding:18px 14px}#cs-friends .cs-search-line{flex-direction:column}#cs-friends .cs-search-line button{padding:12px}#cs-friends article.cs-friend-row{gap:9px;padding-inline:0}#cs-friends .cs-friend-avatar{flex-basis:36px;height:36px;border-radius:12px}#cs-friends .cs-friend-actions{gap:3px}#cs-friends .cs-friend-actions button{padding:8px}#cs-friends .cs-friend-presence{grid-column:1/-1}#cs-friends .cs-friend-presence:before{display:none}#cs-friends .cs-friends-status{padding-inline:14px}}