#site-navigation .workspace-social-launcher {
  position:relative; display:grid; grid-template-columns:28px minmax(0,1fr) auto 12px; align-items:center; gap:8px;
  width:auto; min-width:150px; min-height:42px; margin:0; padding:6px 11px 6px 7px;
  text-align:left;
}
#site-navigation .workspace-social-launcher:hover,#site-navigation .workspace-social-launcher:focus-visible {
  border-color:#657793; background:#172940;
}
.workspace-social-launcher-icon { display:grid; width:28px; height:28px; place-items:center; border-radius:9px; color:#fff; background:linear-gradient(145deg,#7b88f2,#5565d8); box-shadow:0 6px 16px rgba(71,87,196,.28); }
.workspace-social-launcher-main { display:flex; min-width:0; flex-direction:column; align-items:flex-start; gap:1px; font-size:.73rem; }
.workspace-social-launcher-main strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.workspace-social-launcher-main [data-social-online-count] { color:#9ba8c4; font-size:.65rem; white-space:nowrap; }
.workspace-social-live-dot { width:7px; height:7px; flex:0 0 7px; border-radius:50%; background:#33d18f; box-shadow:0 0 0 4px rgba(51,209,143,.12); }
.workspace-social-unread { display:grid; min-width:20px; height:20px; padding:0 5px; place-items:center; border-radius:999px; color:#fff; background:#e94d64; font-size:.66rem; font-weight:800; }
.workspace-social-unread[hidden] { display:none; }
.workspace-social-launcher.has-unread { border-color:rgba(233,77,100,.52)!important; }
body:not(.workspace-social-open) #site-navigation.has-social-unread.is-social-alert-soft:not(:hover):not(:focus-within):not(.is-expanded)::before { top:-2px; width:min(360px,62vw); height:6px; animation:social-bottom-unread-soft 2.2s ease-in-out infinite; will-change:transform,opacity; }
body:not(.workspace-social-open) #site-navigation.has-social-unread.is-social-alert-strong:not(:hover):not(:focus-within):not(.is-expanded)::before { top:-3px; width:min(760px,82vw); height:8px; animation:social-bottom-unread-strong 1.05s ease-in-out infinite; will-change:transform,opacity; }
body.workspace-social-open #site-navigation { z-index:1080; }

.workspace-social-backdrop {
  position:fixed; z-index:1085; inset:0; display:block; visibility:hidden; border:0; opacity:0;
  background:rgba(7,12,24,.38); backdrop-filter:blur(2px); transition:opacity .22s ease,visibility .22s ease;
}
.workspace-social-drawer {
  --social-line:rgba(97,113,154,.16); position:fixed; z-index:1090; top:0; right:0;
  display:grid; width:min(430px,100vw); height:100vh; height:100dvh; overflow:hidden; color:#172136;
  background:#f8faff; box-shadow:-20px 0 58px rgba(17,26,48,.22); transform:translateX(105%);
  transition:transform .24s cubic-bezier(.2,.8,.2,1);
}
body.workspace-social-open { overflow:hidden; }
body.workspace-gomoku-open { overflow:hidden; }
body.workspace-social-open .workspace-social-backdrop { visibility:visible; opacity:1; }
body.workspace-social-open .workspace-social-drawer { transform:translateX(0); }
.workspace-social-members-view,.workspace-social-chat-view { display:flex; height:100%; max-height:100%; min-height:0; flex-direction:column; overflow:hidden; }
.workspace-social-members-view[aria-hidden="true"],.workspace-social-chat-view[aria-hidden="true"] { display:none; }

.workspace-social-header {
  display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:22px 20px 16px;
  border-bottom:1px solid var(--social-line); background:linear-gradient(135deg,#fff,#eef2ff);
}
.workspace-social-eyebrow { color:#6174e8; font-size:.63rem; font-weight:850; letter-spacing:.15em; }
.workspace-social-header h2 { margin:3px 0; font-size:1.36rem; font-weight:800; }
.workspace-social-header p { margin:0; color:#6d7890; font-size:.78rem; }
.workspace-social-icon-button { display:grid; width:36px; height:36px; flex:0 0 36px; place-items:center; border:1px solid var(--social-line); border-radius:11px; color:#667085; background:rgba(255,255,255,.78); }
.workspace-social-icon-button:hover { color:#4156d8; border-color:rgba(97,116,232,.45); }

.workspace-social-member-search,.workspace-social-chat-search {
  display:grid; grid-template-columns:18px minmax(0,1fr) auto; align-items:center; gap:7px;
  margin:12px 16px 8px; padding:0 11px; border:1px solid var(--social-line); border-radius:12px; background:#fff;
}
.workspace-social-member-search:focus-within,.workspace-social-chat-search:focus-within { border-color:#7280e8; box-shadow:0 0 0 3px rgba(114,128,232,.11); }
.workspace-social-member-search>i,.workspace-social-chat-search>i { color:#8b95aa; }
.workspace-social-member-search input,.workspace-social-chat-search input { width:100%; height:40px; border:0; outline:0; color:inherit; background:transparent; font-size:.78rem; }
.workspace-social-member-search button,.workspace-social-chat-search button { border:0; color:#7c879d; background:transparent; font-size:.7rem; }
.workspace-social-member-search button[hidden],.workspace-social-chat-search[hidden] { display:none; }

.workspace-social-settings { margin:0 16px 8px; border:1px solid var(--social-line); border-radius:12px; background:#fff; }
.workspace-social-settings summary { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:42px; padding:8px 11px; cursor:pointer; list-style:none; }
.workspace-social-settings summary::-webkit-details-marker { display:none; }
.workspace-social-settings summary>span:first-child { display:flex; align-items:center; gap:8px; }
.workspace-social-settings summary>span:last-child { color:#8791a5; font-size:.68rem; }
.workspace-social-settings[open] summary { border-bottom:1px solid var(--social-line); }
.workspace-social-settings-grid { display:grid; gap:2px; padding:6px; }
.workspace-social-settings-grid label { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:48px; padding:7px 8px; border-radius:10px; cursor:pointer; }
.workspace-social-settings-grid label:hover { background:#f5f7fd; }
.workspace-social-settings-grid label>span { display:flex; align-items:center; gap:10px; }
.workspace-social-settings-grid label>span>i { display:grid; width:32px; height:32px; place-items:center; border-radius:10px; color:#596ce0; background:#eef1ff; }
.workspace-social-settings-grid label>span>span { display:flex; flex-direction:column; }
.workspace-social-settings-grid strong { font-size:.8rem; }
.workspace-social-settings-grid small { color:#8590a6; font-size:.67rem; }
.workspace-social-settings-grid input { width:34px; height:19px; accent-color:#5f6ee9; }
.workspace-social-settings-grid select { max-width:112px; height:32px; padding:0 25px 0 9px; border:1px solid rgba(94,109,151,.2); border-radius:9px; outline:0; color:#4f5d76; background:#fff; font-size:.69rem; }
.workspace-social-settings-grid select:focus { border-color:#6d7ce6; box-shadow:0 0 0 3px rgba(109,124,230,.11); }
.workspace-social-settings-action { display:flex; width:100%; min-height:48px; align-items:center; justify-content:space-between; gap:12px; padding:7px 8px; border:0; border-radius:10px; color:inherit; background:transparent; text-align:left; }
.workspace-social-settings-action:hover { background:#f5f7fd; }
.workspace-social-settings-action>span { display:flex; align-items:center; gap:10px; }
.workspace-social-settings-action>span>i { display:grid; width:32px; height:32px; place-items:center; border-radius:10px; color:#596ce0; background:#eef1ff; }
.workspace-social-settings-action>span>span { display:flex; flex-direction:column; }
.workspace-social-settings-action strong { font-size:.8rem; }
.workspace-social-settings-action small { color:#8590a6; font-size:.67rem; }
.workspace-social-settings-action>.bi-chevron-right { color:#8d96aa; }
.workspace-social-device-notifications { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px 12px; min-width:0; padding:9px 8px; border-radius:10px; }
.workspace-social-device-notifications:hover { background:#f5f7fd; }
.workspace-social-device-notifications-main { display:flex; min-width:0; align-items:center; gap:10px; }
.workspace-social-device-notifications-main>i { display:grid; width:32px; height:32px; flex:0 0 32px; place-items:center; border-radius:10px; color:#596ce0; background:#eef1ff; }
.workspace-social-device-notifications-main>span { display:flex; min-width:0; flex-direction:column; }
.workspace-social-device-notifications-main small { max-width:330px; line-height:1.35; }
.workspace-social-device-notifications-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:6px; }
.workspace-social-device-notifications-state { display:inline-flex; min-height:23px; align-items:center; padding:0 8px; border-radius:999px; color:#6d778c; background:#edf0f5; font-size:.62rem; font-weight:800; white-space:nowrap; }
.workspace-social-device-notifications[data-push-state="subscribed"] .workspace-social-device-notifications-state { color:#117853; background:#ddf7ec; }
.workspace-social-device-notifications[data-push-state="denied"] .workspace-social-device-notifications-state,
.workspace-social-device-notifications[data-push-state="error"] .workspace-social-device-notifications-state { color:#a73349; background:#ffe8ec; }
.workspace-social-device-notifications[data-push-state="insecure"] .workspace-social-device-notifications-state,
.workspace-social-device-notifications[data-push-state="unsupported"] .workspace-social-device-notifications-state { color:#8a5d18; background:#fff0cf; }
.workspace-social-device-notifications-actions button { min-height:30px; padding:0 10px; border:1px solid rgba(94,109,151,.2); border-radius:8px; color:#526178; background:#fff; font-size:.66rem; font-weight:760; }
.workspace-social-device-notifications-actions button.is-primary { color:#fff; border-color:#6574e2; background:#6574e2; }
.workspace-social-device-notifications-actions button.is-danger { color:#ad3549; border-color:rgba(210,66,90,.24); background:#fff5f6; }
.workspace-social-device-notifications-actions button:disabled { cursor:not-allowed; opacity:.56; }
.workspace-social-device-notifications.is-busy .workspace-social-device-notifications-state { opacity:.72; }
.workspace-social-device-notifications>p { grid-column:1/-1; margin:0; padding:7px 9px; border-radius:8px; color:#6f7890; background:rgba(235,238,247,.72); font-size:.65rem; line-height:1.45; }
.workspace-social-device-notifications>p[hidden] { display:none; }
.workspace-social-storage { display:grid; gap:9px; margin:3px; padding:10px; border:1px solid rgba(91,107,151,.14); border-radius:11px; background:#f8f9fd; }
.workspace-social-storage[hidden] { display:none; }
.workspace-social-storage>header>span { display:flex; align-items:center; gap:10px; }
.workspace-social-storage>header>span>i { display:grid; width:32px; height:32px; flex:0 0 32px; place-items:center; border-radius:10px; color:#596ce0; background:#eef1ff; }
.workspace-social-storage>header>span>span { display:flex; min-width:0; flex-direction:column; }
.workspace-social-storage-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
.workspace-social-storage-metrics>span { display:flex; min-width:0; flex-direction:column; gap:2px; padding:7px; border-radius:9px; background:#fff; }
.workspace-social-storage-metrics strong { overflow:hidden; font-size:.73rem; text-overflow:ellipsis; white-space:nowrap; }
.workspace-social-storage-users { display:grid; max-height:150px; gap:2px; overflow:auto; }
.workspace-social-storage-users>div { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:6px 7px; border-radius:8px; background:rgba(255,255,255,.72); }
.workspace-social-storage-users>div>span { display:flex; min-width:0; flex-direction:column; }
.workspace-social-storage-users>div strong { overflow:hidden; font-size:.71rem; text-overflow:ellipsis; white-space:nowrap; }
.workspace-social-storage-users>div b { flex:0 0 auto; color:#4e5fd0; font-size:.69rem; }
.workspace-social-storage-actions { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
.workspace-social-storage-actions button { min-height:34px; border:1px solid rgba(94,109,151,.2); border-radius:9px; color:#526178; background:#fff; font-size:.69rem; font-weight:720; }
.workspace-social-storage-actions button i { margin-right:5px; }
.workspace-social-storage-actions button.is-danger { color:#b23b50; border-color:rgba(210,66,90,.22); background:#fff5f6; }
.workspace-social-storage-actions button:disabled { cursor:wait; opacity:.58; }

.workspace-social-member-list { min-height:0; flex:1 1 0; padding:0 12px 18px; overflow:auto; }
.workspace-social-member-group h3 { margin:12px 8px 4px; color:#8b95aa; font-size:.67rem; font-weight:800; letter-spacing:.05em; }
.workspace-social-member { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:5px; width:100%; min-height:68px; padding:4px 6px; border:0; border-radius:14px; color:inherit; background:transparent; text-align:left; }
.workspace-social-member:hover,.workspace-social-member:focus-within { background:#eef2fb; }
.workspace-social-member.has-unread { background:rgba(238,242,255,.66); }
.workspace-social-member-main { display:grid; grid-template-columns:44px minmax(0,1fr) auto; align-items:center; gap:11px; min-width:0; min-height:60px; padding:5px 4px; border:0; color:inherit; background:transparent; text-align:left; }
.workspace-social-game-invite { display:flex; min-width:58px; flex-direction:column; align-items:center; gap:2px; padding:7px 5px; border:1px solid rgba(94,111,222,.2); border-radius:10px; color:#5869db; background:#f5f6ff; font-size:.62rem; font-weight:750; }
.workspace-social-game-invite i { font-size:.9rem; }
.workspace-social-game-invite:hover:not(:disabled) { border-color:#6677e7; background:#e9edff; }
.workspace-social-game-invite:disabled { cursor:not-allowed; color:#9ba4b7; background:#f5f6f9; opacity:.72; }
.workspace-social-avatar { position:relative; display:grid; width:42px; height:42px; flex:0 0 42px; place-items:center; overflow:hidden; border:1px solid rgba(98,113,154,.18); border-radius:50%; color:#fff; background:linear-gradient(145deg,#6879ef,#3e4b9b); font-weight:800; }
.workspace-social-avatar img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.workspace-social-member.is-online .workspace-social-avatar::after { content:""; position:absolute; z-index:2; right:1px; bottom:1px; width:10px; height:10px; border:2px solid #fff; border-radius:50%; background:#2bc98a; }
.workspace-social-member-copy { display:flex; min-width:0; flex-direction:column; }
.workspace-social-member-heading { display:flex; min-width:0; align-items:center; justify-content:space-between; gap:8px; }
.workspace-social-member-heading strong { overflow:hidden; font-size:.85rem; text-overflow:ellipsis; white-space:nowrap; }
.workspace-social-member-heading time { flex:0 0 auto; color:#9aa3b4; font-size:.62rem; }
.workspace-social-member-copy>small { overflow:hidden; color:#7f899e; font-size:.69rem; text-overflow:ellipsis; white-space:nowrap; }
.workspace-social-member-status { margin-top:2px; color:#9aa3b4; font-size:.64rem; }
.workspace-social-member.is-online .workspace-social-member-status { color:#168b64; }
.workspace-social-member-unread { display:grid; min-width:23px; height:23px; padding:0 6px; place-items:center; border-radius:999px; color:#fff; background:#e94d64; font-size:.68rem; font-weight:800; }
.workspace-social-empty,.workspace-social-loading { padding:35px 18px; color:#8590a6; text-align:center; font-size:.8rem; }
.workspace-social-error { margin:8px 16px; padding:9px 11px; border:1px solid rgba(224,78,99,.22); border-radius:10px; color:#b3344a; background:#fff1f3; font-size:.73rem; }
.workspace-social-error[hidden] { display:none; }
.workspace-social-recycle { display:flex; min-height:0; flex:1 1 auto; flex-direction:column; overflow:hidden; }
.workspace-social-recycle[hidden] { display:none; }
.workspace-social-members-view.is-recycle>.workspace-social-member-search,.workspace-social-members-view.is-recycle>.workspace-social-settings,.workspace-social-members-view.is-recycle>.workspace-gomoku-hub,.workspace-social-members-view.is-recycle>.workspace-social-member-list { display:none; }
.workspace-social-recycle>header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 15px; border-bottom:1px solid var(--social-line); background:rgba(255,255,255,.74); }
.workspace-social-recycle>header>div { display:flex; min-width:0; flex-direction:column; }
.workspace-social-recycle>header strong { font-size:.84rem; }
.workspace-social-recycle>header small { color:#8791a5; font-size:.66rem; }
.workspace-social-recycle>header button { display:grid; width:32px; height:32px; place-items:center; border:1px solid var(--social-line); border-radius:9px; color:#68738a; background:#fff; }
.workspace-social-recycle>[data-social-recycle-list] { min-height:0; flex:1 1 auto; overflow:auto; padding:10px; }
.workspace-social-recycle-item { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; margin-bottom:8px; padding:11px; border:1px solid var(--social-line); border-radius:12px; background:#fff; }
.workspace-social-recycle-item>div:first-child { display:flex; min-width:0; flex-direction:column; gap:3px; }
.workspace-social-recycle-item strong { font-size:.76rem; }
.workspace-social-recycle-item p { display:-webkit-box; overflow:hidden; margin:0; color:#626e84; font-size:.71rem; line-height:1.45; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.workspace-social-recycle-item small { color:#919aae; font-size:.61rem; }
.workspace-social-recycle-actions { display:flex; align-items:flex-end; flex-direction:column; gap:5px; }
.workspace-social-recycle-actions button { min-width:66px; padding:5px 8px; border:1px solid rgba(97,112,153,.2); border-radius:8px; color:#69748a; background:#fff; font-size:.64rem; }
.workspace-social-recycle-actions button.is-primary { color:#fff; border-color:#6372df; background:#6372df; }
.workspace-social-recycle-actions button:disabled { opacity:.55; }
.workspace-gomoku-hub { display:grid; grid-template-columns:38px minmax(0,1fr) 16px; align-items:center; gap:10px; margin:2px 16px 6px; padding:9px 11px; border:1px solid rgba(92,108,221,.2); border-radius:13px; color:#33405c; background:linear-gradient(135deg,#f5f6ff,#fff); text-align:left; }
.workspace-gomoku-hub[hidden] { display:none; }
.workspace-gomoku-hub-icon { display:grid; width:38px; height:38px; place-items:center; border-radius:11px; color:#fff; background:linear-gradient(145deg,#6677ea,#4859cb); }
.workspace-gomoku-hub>span:nth-child(2) { display:flex; min-width:0; flex-direction:column; }
.workspace-gomoku-hub strong { overflow:hidden; font-size:.76rem; text-overflow:ellipsis; white-space:nowrap; }
.workspace-gomoku-hub small { overflow:hidden; color:#7f899e; font-size:.65rem; text-overflow:ellipsis; white-space:nowrap; }
.workspace-gomoku-hub.is-turn,.workspace-gomoku-hub.is-invite { border-color:rgba(234,165,52,.5); background:linear-gradient(135deg,#fff8e8,#fff); }
.workspace-gomoku-hub.is-turn .workspace-gomoku-hub-icon,.workspace-gomoku-hub.is-invite .workspace-gomoku-hub-icon { background:linear-gradient(145deg,#e9a52c,#c77a10); }

.workspace-social-chat-view { position:relative; background:#f4f6fb; }
.workspace-social-chat-header { display:grid; grid-template-columns:36px minmax(0,1fr) 36px 36px; align-items:center; gap:8px; min-height:76px; padding:12px 13px; border-bottom:1px solid var(--social-line); background:#fff; }
.workspace-social-chat-header>[data-social-chat-profile] { display:flex; min-width:0; align-items:center; gap:10px; }
.workspace-social-chat-header>[data-social-chat-profile]>span:last-child { display:flex; min-width:0; flex-direction:column; }
.workspace-social-chat-header strong { overflow:hidden; font-size:.88rem; text-overflow:ellipsis; white-space:nowrap; }
.workspace-social-chat-header small { color:#7a859a; font-size:.68rem; }
.workspace-social-avatar.is-small { width:38px; height:38px; flex-basis:38px; }
.workspace-social-chat-search { margin:8px 12px 0; }
.workspace-social-typing { padding:5px 18px 0; color:#6f7d93; font-size:.68rem; }
.workspace-social-typing[hidden] { display:none; }
.workspace-social-typing span { display:inline-block; width:6px; height:6px; margin-right:6px; border-radius:50%; background:#2bc98a; animation:social-pulse 1s ease-in-out infinite; }
.workspace-social-messages { display:flex; min-height:0; flex:1 1 auto; flex-direction:column; gap:11px; overflow:auto; overscroll-behavior:contain; padding:18px 16px 24px; scroll-behavior:auto; }
.workspace-social-empty-chat { margin:auto; color:#8b95a7; font-size:.8rem; text-align:center; }
.workspace-social-day-separator { align-self:center; padding:3px 8px; border-radius:999px; color:#9099aa; background:rgba(225,229,239,.72); font-size:.61rem; }
.workspace-social-message { position:relative; display:flex; align-items:flex-start; flex-direction:column; gap:3px; max-width:84%; }
.workspace-social-message.is-own { align-self:flex-end; align-items:flex-end; }
.workspace-social-message-bubble { display:flex; min-width:72px; flex-direction:column; gap:6px; padding:9px 12px; border:1px solid rgba(99,114,154,.13); border-radius:4px 15px 15px 15px; color:#263248; background:#fff; box-shadow:0 4px 14px rgba(31,43,72,.06); font-size:.81rem; line-height:1.55; overflow-wrap:anywhere; white-space:pre-wrap; }
.workspace-social-message.is-own .workspace-social-message-bubble { border-color:transparent; border-radius:15px 4px 15px 15px; color:#fff; background:linear-gradient(135deg,#6577ec,#4c5dd3); }
.workspace-social-message-image { display:block; overflow:hidden; max-width:280px; margin:-5px -8px 1px; padding:0; border:0; border-radius:10px; background:rgba(25,34,55,.12); cursor:zoom-in; }
.workspace-social-message-image img { display:block; width:100%; max-height:320px; object-fit:cover; }
.workspace-social-message-image.is-unavailable { min-width:180px; min-height:96px; cursor:default; opacity:.5; }
.workspace-social-file-card { display:flex; width:min(300px,70vw); min-width:0; flex-direction:column; overflow:hidden; border:1px solid rgba(83,101,210,.17); border-radius:11px; color:inherit; background:rgba(91,108,221,.07); text-align:left; white-space:normal; }
.workspace-social-file-main { display:grid; width:100%; min-width:0; grid-template-columns:42px minmax(0,1fr); align-items:center; gap:10px; padding:9px; border:0; color:inherit; background:transparent; text-align:left; }
.workspace-social-file-main:not(:disabled) { cursor:pointer; }
.workspace-social-file-main:disabled { opacity:.72; cursor:default; }
.workspace-social-file-card.is-expired { cursor:not-allowed; opacity:.62; }
.workspace-social-file-info { display:grid; min-width:0; gap:3px; }
.workspace-social-file-progress { display:block; width:100%; height:5px; margin-top:2px; overflow:hidden; border-radius:99px; background:rgba(95,108,145,.18); }
.workspace-social-file-progress[hidden] { display:none; }
.workspace-social-file-progress>i { display:block; width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,#6577ec,#2fc598); transition:width .16s linear; }
.workspace-social-file-icon { display:grid; width:42px; height:42px; place-items:center; border-radius:10px; color:#596bdd; background:rgba(91,108,221,.12); font-size:1.2rem; }
.workspace-social-file-info { display:flex; min-width:0; flex-direction:column; gap:2px; }
.workspace-social-file-info strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.workspace-social-file-info strong { font-size:.75rem; }
.workspace-social-file-info small { color:#7d879b; font-size:.64rem; line-height:1.4; overflow-wrap:anywhere; white-space:normal; }
.workspace-social-download-actions { display:flex; min-width:0; align-items:center; justify-content:flex-end; gap:6px; padding:6px 8px; border-top:1px solid rgba(83,101,210,.13); }
.workspace-social-download-actions[hidden] { display:none; }
.workspace-social-download-actions button { display:inline-flex; min-height:29px; align-items:center; justify-content:center; gap:4px; padding:5px 9px; border:1px solid rgba(83,101,210,.18); border-radius:8px; color:#5665c9; background:rgba(255,255,255,.72); font-size:.64rem; font-weight:750; line-height:1; white-space:nowrap; }
.workspace-social-download-actions button:hover { border-color:rgba(83,101,210,.38); background:#fff; }
.workspace-social-download-actions button:disabled { opacity:.55; cursor:wait; }
.workspace-social-download-actions [data-social-download-cancel] { color:#b4495b; border-color:rgba(193,70,89,.19); }
.workspace-social-message.is-own .workspace-social-file-card { border-color:rgba(255,255,255,.2); background:rgba(255,255,255,.12); }
.workspace-social-message.is-own .workspace-social-file-icon { color:#fff; background:rgba(255,255,255,.15); }
.workspace-social-message.is-own .workspace-social-file-info small { color:rgba(255,255,255,.76); }
.workspace-social-message.is-own .workspace-social-download-actions { border-top-color:rgba(255,255,255,.15); }
.workspace-social-message.is-own .workspace-social-download-actions button { color:#fff; border-color:rgba(255,255,255,.2); background:rgba(255,255,255,.12); }
.workspace-social-message.is-failed .workspace-social-message-bubble { outline:2px solid rgba(222,68,91,.28); }
.workspace-social-message-quote { display:flex; max-width:100%; flex-direction:column; gap:1px; padding:5px 7px; border:0; border-left:2px solid currentColor; border-radius:5px; color:inherit; background:rgba(82,96,137,.08); text-align:left; opacity:.78; }
.workspace-social-message.is-own .workspace-social-message-quote { background:rgba(255,255,255,.13); }
.workspace-social-message-quote strong { font-size:.65rem; }
.workspace-social-message-quote span { overflow:hidden; max-width:260px; font-size:.65rem; text-overflow:ellipsis; white-space:nowrap; }
.workspace-social-message-meta { display:flex; align-items:center; gap:6px; color:#9aa3b3; font-size:.61rem; }
.workspace-social-delivery.failed { color:#d33b54; font-weight:700; }
.workspace-social-message-actions { position:absolute; z-index:2; top:-25px; display:flex; gap:3px; padding:2px; border:1px solid var(--social-line); border-radius:8px; opacity:0; background:#fff; box-shadow:0 5px 14px rgba(31,43,72,.12); pointer-events:none; transition:opacity .15s ease; }
.workspace-social-message:not(.is-own) .workspace-social-message-actions { left:0; }
.workspace-social-message.is-own .workspace-social-message-actions { right:0; }
.workspace-social-message:hover .workspace-social-message-actions,.workspace-social-message:focus-within .workspace-social-message-actions { opacity:1; pointer-events:auto; }
.workspace-social-message-actions button { display:grid; width:24px; height:24px; place-items:center; border:0; border-radius:6px; color:#6f7a90; background:transparent; }
.workspace-social-message-actions button:hover { color:#4f60d7; background:#eef1ff; }
.workspace-social-new-messages { position:absolute; z-index:3; right:18px; bottom:76px; display:flex; align-items:center; gap:6px; padding:7px 11px; border:1px solid rgba(83,101,210,.24); border-radius:999px; color:#4f60d7; background:#fff; box-shadow:0 6px 20px rgba(36,48,86,.16); font-size:.7rem; font-weight:700; }
.workspace-social-new-messages[hidden] { display:none; }
.workspace-social-replying { display:grid; grid-template-columns:22px minmax(0,1fr) 28px; align-items:center; gap:7px; padding:7px 14px; border-top:1px solid var(--social-line); color:#59667d; background:#f8f9fd; }
.workspace-social-replying[hidden] { display:none; }
.workspace-social-replying>span { display:flex; min-width:0; flex-direction:column; }
.workspace-social-replying strong { font-size:.67rem; }
.workspace-social-replying small { overflow:hidden; color:#8a94a7; font-size:.65rem; text-overflow:ellipsis; white-space:nowrap; }
.workspace-social-replying button { display:grid; width:28px; height:28px; place-items:center; border:0; border-radius:7px; color:#778297; background:transparent; }
.workspace-social-compose { position:relative; display:flex; flex-direction:column; gap:7px; margin:0 12px max(12px,env(safe-area-inset-bottom)); padding:9px; border:1px solid rgba(96,112,151,.18); border-radius:17px; background:rgba(255,255,255,.96); box-shadow:0 10px 32px rgba(31,43,72,.1); }
.workspace-social-compose-row { display:grid; grid-template-columns:minmax(0,1fr) 42px; align-items:end; gap:8px; }
.workspace-social-compose textarea { width:100%; max-height:120px; min-height:42px; resize:none; padding:10px 12px; border:0; border-radius:12px; outline:0; color:inherit; background:#f6f7fb; font-size:.8rem; line-height:1.45; }
.workspace-social-compose textarea:focus { border-color:#6a79e6; box-shadow:0 0 0 3px rgba(106,121,230,.12); }
.workspace-social-compose-row>button { display:grid; width:42px; height:42px; place-items:center; border:0; border-radius:13px; color:#fff; background:linear-gradient(145deg,#7381ea,#5262d6); box-shadow:0 8px 18px rgba(67,83,194,.23); }
.workspace-social-compose button:disabled { opacity:.55; }
.workspace-social-compose-tools { display:flex; min-width:0; align-items:center; gap:3px; }
.workspace-social-compose-tools button { display:inline-flex; width:auto; height:30px; align-items:center; gap:5px; padding:0 8px; border:0; border-radius:9px; color:#657086; background:transparent; font-size:.69rem; }
.workspace-social-compose-tools button:hover,.workspace-social-compose-tools button[aria-expanded="true"] { color:#5060d1; background:#eef0ff; }
.workspace-social-compose-tools small { overflow:hidden; margin-left:auto; color:#9aa2b2; font-size:.61rem; text-overflow:ellipsis; white-space:nowrap; }
.workspace-social-compose.is-dragging { border-color:#6979e5; background:#f2f4ff; box-shadow:0 0 0 4px rgba(105,121,229,.12); }
.workspace-social-compose-preview { display:grid; grid-template-columns:46px minmax(0,1fr) 30px; align-items:center; gap:9px; padding:6px; border:1px solid rgba(94,111,156,.14); border-radius:12px; background:#f5f7fc; }
.workspace-social-compose-preview[hidden] { display:none; }
.workspace-social-compose-preview img { width:46px; height:46px; border-radius:9px; object-fit:cover; }
.workspace-social-compose-preview span { display:flex; min-width:0; flex-direction:column; }
.workspace-social-compose-preview strong { overflow:hidden; font-size:.7rem; text-overflow:ellipsis; white-space:nowrap; }
.workspace-social-compose-preview small { color:#8b95a8; font-size:.62rem; }
.workspace-social-compose-preview button { display:grid; width:30px; height:30px; place-items:center; border:0; border-radius:8px; color:#7b8496; background:transparent; }
.workspace-social-file-upload { display:grid; grid-template-columns:28px minmax(0,1fr) auto 28px; align-items:center; gap:8px; padding:7px 8px; border:1px solid rgba(94,111,156,.14); border-radius:12px; color:#536077; background:#f5f7fc; }
.workspace-social-file-upload[hidden] { display:none; }
.workspace-social-file-upload>i { color:#5d6de2; font-size:1rem; }
.workspace-social-file-upload>span { display:grid; min-width:0; gap:3px; }
.workspace-social-file-upload strong,.workspace-social-file-upload small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.workspace-social-file-upload strong { font-size:.72rem; }
.workspace-social-file-upload small { color:#7d889d; font-size:.64rem; }
.workspace-social-file-upload span>i { height:6px; overflow:hidden; border-radius:99px; background:#dfe3ed; }
.workspace-social-file-upload span>i>b { display:block; width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,#6577ec,#2fc598); transition:width .2s ease; }
.workspace-social-file-upload>button { min-height:28px; padding:0 8px; border:0; border-radius:7px; color:#59667d; background:#eceff6; font-size:.67rem; }
.workspace-social-file-upload>button:last-child { display:grid; width:28px; padding:0; place-items:center; background:transparent; }
.workspace-social-emoji-picker { position:absolute; z-index:4; right:0; bottom:calc(100% + 8px); width:min(330px,100%); padding:10px; border:1px solid rgba(93,109,151,.2); border-radius:16px; background:rgba(255,255,255,.98); box-shadow:0 20px 48px rgba(27,37,62,.2); backdrop-filter:blur(18px); }
.workspace-social-emoji-picker[hidden] { display:none; }
.workspace-social-emoji-heading { display:flex; align-items:center; justify-content:space-between; padding:2px 4px 8px; color:#374155; font-size:.7rem; }.workspace-social-emoji-heading small{color:#939bad;font-size:.61rem}
.workspace-social-emoji-grid { display:grid; grid-template-columns:repeat(8,1fr); gap:3px; }
.workspace-social-emoji-grid button { display:grid; aspect-ratio:1; place-items:center; border:0; border-radius:9px; background:transparent; font-size:1.25rem; }.workspace-social-emoji-grid button:hover{background:#eef0ff;transform:scale(1.08)}
.workspace-social-image-lightbox { position:absolute; z-index:8; inset:0; display:grid; padding:24px; place-items:center; border:0; background:rgba(7,11,20,.88); cursor:zoom-out; backdrop-filter:blur(10px); }
.workspace-social-image-lightbox[hidden] { display:none; }.workspace-social-image-lightbox img{max-width:100%;max-height:100%;border-radius:14px;box-shadow:0 24px 70px rgba(0,0,0,.45)}

.workspace-social-toast-stack { position:fixed; z-index:1110; right:18px; bottom:18px; display:flex; width:min(330px,calc(100vw - 32px)); flex-direction:column; gap:8px; pointer-events:none; }
.workspace-social-toast { display:grid; grid-template-columns:22px minmax(0,1fr); align-items:center; gap:8px; width:100%; padding:11px 13px; border:1px solid rgba(131,146,184,.24); border-radius:12px; color:#263248; background:#fff; box-shadow:0 12px 34px rgba(20,30,54,.2); text-align:left; pointer-events:auto; animation:social-toast-in .2s ease-out; }
.workspace-social-toast i { color:#5b6cdd; }
.workspace-social-toast span { overflow:hidden; font-size:.75rem; text-overflow:ellipsis; white-space:nowrap; }
.workspace-social-toast.is-leaving { opacity:0; transform:translateY(5px); transition:.2s ease; }

.workspace-gomoku-modal { position:fixed; z-index:21000; inset:0; display:grid; place-items:center; padding:18px; isolation:isolate; pointer-events:auto; }
.workspace-gomoku-modal[hidden] { display:none; }
.workspace-gomoku-backdrop { position:absolute; inset:0; border:0; background:rgba(6,10,20,.64); backdrop-filter:blur(7px); }
.workspace-gomoku-card { position:relative; display:flex; width:min(650px,calc(100vw - 28px)); max-height:calc(100dvh - 28px); flex-direction:column; overflow:hidden; border:1px solid rgba(165,177,211,.26); border-radius:22px; color:#172136; background:#f8f9fd; box-shadow:0 28px 90px rgba(4,9,21,.42); }
.workspace-gomoku-card>header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 18px 13px; border-bottom:1px solid rgba(101,116,157,.16); background:linear-gradient(135deg,#fff,#eef1ff); }
.workspace-gomoku-card>header span { color:#6575df; font-size:.59rem; font-weight:850; letter-spacing:.14em; }
.workspace-gomoku-card>header h2 { margin:2px 0 0; font-size:1.2rem; font-weight:820; }
.workspace-gomoku-content { min-height:0; overflow:auto; padding:18px; }
.workspace-gomoku-invite { display:flex; max-width:470px; margin:22px auto; align-items:center; flex-direction:column; text-align:center; }
.workspace-social-avatar.is-large { width:76px; height:76px; flex-basis:76px; font-size:1.35rem; box-shadow:0 10px 28px rgba(47,61,103,.18); }
.workspace-gomoku-kicker { margin-top:16px; color:#6575df; font-size:.65rem; font-weight:850; letter-spacing:.1em; }
.workspace-gomoku-invite h3 { margin:7px 0 5px; font-size:1.2rem; }
.workspace-gomoku-invite p { max-width:390px; margin:0; color:#758097; font-size:.76rem; line-height:1.65; }
.workspace-gomoku-countdown { display:flex; width:min(330px,100%); flex-direction:column; gap:7px; margin:16px 0 2px; padding:10px 12px; border:1px solid rgba(101,116,157,.15); border-radius:11px; background:#f5f7fc; }
.workspace-gomoku-countdown>span:first-child { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.workspace-gomoku-countdown small { color:#8490a5; font-size:.65rem; }
.workspace-gomoku-countdown strong { color:#5364d8; font-size:.75rem; }
.workspace-gomoku-countdown-track { height:4px; overflow:hidden; border-radius:99px; background:#e2e6f0; }
.workspace-gomoku-countdown-track i { display:block; width:100%; height:100%; border-radius:inherit; background:linear-gradient(90deg,#6979e8,#d89427); transition:width .5s linear; }
.workspace-gomoku-result-icon { display:grid; width:74px; height:74px; place-items:center; border:1px solid rgba(100,115,156,.18); border-radius:50%; background:linear-gradient(145deg,#eef1fa,#fff); }
.workspace-gomoku-result-icon::before { content:"×"; color:#8190aa; font-size:2rem; font-weight:350; }
.workspace-gomoku-layout { display:flex; align-items:center; flex-direction:column; gap:14px; }
.workspace-gomoku-players { display:grid; width:100%; grid-template-columns:1fr 1fr; gap:10px; }
.workspace-gomoku-player { display:grid; grid-template-columns:38px minmax(0,1fr) 22px; align-items:center; gap:9px; padding:9px 11px; border:1px solid rgba(101,116,157,.15); border-radius:13px; background:#fff; }
.workspace-gomoku-player.is-active { border-color:rgba(225,156,38,.58); box-shadow:0 0 0 3px rgba(225,156,38,.09); }
.workspace-gomoku-player>span:nth-child(2) { display:flex; min-width:0; flex-direction:column; }
.workspace-gomoku-player strong { overflow:hidden; font-size:.78rem; text-overflow:ellipsis; white-space:nowrap; }
.workspace-gomoku-player small { color:#8791a5; font-size:.63rem; }
.workspace-gomoku-status { display:flex; width:100%; align-items:center; justify-content:space-between; gap:8px; padding:9px 12px; border-radius:11px; color:#58647a; background:#eef1f7; }
.workspace-gomoku-status strong { font-size:.78rem; }
.workspace-gomoku-status small { font-size:.65rem; }
.workspace-gomoku-status.is-your-turn { color:#80520b; background:#fff1cc; }
.workspace-gomoku-result { display:grid; width:100%; grid-template-columns:42px minmax(0,1fr); align-items:center; gap:10px; padding:10px 12px; border:1px solid rgba(103,118,158,.15); border-radius:12px; background:#fff; }
.workspace-gomoku-result>span:first-child { display:grid; width:42px; height:42px; place-items:center; border-radius:12px; color:#fff; background:#7b879b; }
.workspace-gomoku-result.is-win>span:first-child { background:linear-gradient(145deg,#e9aa35,#bd7813); }
.workspace-gomoku-result.is-draw>span:first-child { background:linear-gradient(145deg,#7180e9,#4d5ec9); }
.workspace-gomoku-result>span:last-child { display:flex; min-width:0; flex-direction:column; }
.workspace-gomoku-result strong { font-size:.82rem; }
.workspace-gomoku-result small { color:#7f899e; font-size:.66rem; }
.workspace-gomoku-board-stage { --gomoku-cell:26px; display:grid; grid-template-columns:22px auto; grid-template-rows:18px auto; align-items:center; justify-items:center; }
.workspace-gomoku-coordinates { color:#8a6534; font-size:.52rem; font-weight:750; user-select:none; }
.workspace-gomoku-coordinates.is-top { display:grid; width:calc(var(--gomoku-cell) * 15 + 26px); grid-template-columns:repeat(15,var(--gomoku-cell)); grid-column:2; grid-row:1; justify-content:center; padding:0 13px; text-align:center; }
.workspace-gomoku-coordinates.is-left { display:grid; height:calc(var(--gomoku-cell) * 15 + 26px); grid-template-rows:repeat(15,var(--gomoku-cell)); grid-column:1; grid-row:2; align-content:center; padding:13px 0; }
.workspace-gomoku-coordinates.is-left span { display:flex; align-items:center; justify-content:flex-end; }
.workspace-gomoku-board { position:relative; display:grid; grid-template-columns:repeat(15,var(--gomoku-cell)); grid-template-rows:repeat(15,var(--gomoku-cell)); grid-column:2; grid-row:2; padding:13px; border:1px solid #a97831; border-radius:13px; background:#dcae61; box-shadow:inset 0 0 28px rgba(103,60,12,.18),0 10px 24px rgba(60,38,10,.13); touch-action:manipulation; }
.workspace-gomoku-point { position:relative; display:grid; width:var(--gomoku-cell); height:var(--gomoku-cell); place-items:center; padding:0; border:0; background:transparent; }
.workspace-gomoku-point::before,.workspace-gomoku-point::after { content:""; position:absolute; background:rgba(72,43,12,.62); pointer-events:none; }
.workspace-gomoku-point::before { left:0; right:0; top:50%; height:1px; }
.workspace-gomoku-point::after { top:0; bottom:0; left:50%; width:1px; }
.workspace-gomoku-point:nth-child(-n+15)::after { top:50%; }
.workspace-gomoku-point:nth-last-child(-n+15)::after { bottom:50%; }
.workspace-gomoku-point:nth-child(15n+1)::before { left:50%; }
.workspace-gomoku-point:nth-child(15n)::before { right:50%; }
.workspace-gomoku-point:not(:disabled) { cursor:pointer; }
.workspace-gomoku-board.is-playable .workspace-gomoku-point:not(:disabled):hover { border-radius:50%; background:rgba(255,255,255,.2); }
.workspace-gomoku-stone { position:relative; z-index:2; display:block; width:18px; height:18px; flex:0 0 18px; border-radius:50%; box-shadow:0 2px 5px rgba(30,22,12,.34); }
.workspace-gomoku-stone.is-black { border:1px solid #0a0b0d; background:radial-gradient(circle at 35% 28%,#565b65,#090a0c 60%); }
.workspace-gomoku-stone.is-white { border:1px solid #d7d7d2; background:radial-gradient(circle at 35% 28%,#fff,#e9e8df 62%); }
.workspace-gomoku-ghost { position:relative; z-index:2; display:block; width:18px; height:18px; border-radius:50%; opacity:0; pointer-events:none; transition:opacity .12s ease,transform .12s ease; }
.workspace-gomoku-ghost.is-black { background:#17191d; }
.workspace-gomoku-ghost.is-white { border:1px solid #d4d3cb; background:#f6f5ed; }
.workspace-gomoku-board.is-playable .workspace-gomoku-point:not(:disabled):hover .workspace-gomoku-ghost,.workspace-gomoku-point.is-selected .workspace-gomoku-ghost { opacity:.58; transform:scale(.92); }
.workspace-gomoku-point.is-selected { border-radius:50%; box-shadow:inset 0 0 0 2px rgba(72,84,190,.62); background:rgba(255,255,255,.28); }
.workspace-gomoku-point.is-last-move .workspace-gomoku-stone::after { content:""; position:absolute; top:50%; left:50%; width:5px; height:5px; border:1px solid rgba(255,255,255,.85); border-radius:50%; background:#e34c55; transform:translate(-50%,-50%); box-shadow:0 0 0 1px rgba(70,20,25,.25); }
.workspace-gomoku-point.is-winning .workspace-gomoku-stone { box-shadow:0 0 0 3px #f4c45a,0 0 15px rgba(255,190,44,.88); animation:gomoku-win-pulse 1.15s ease-in-out infinite alternate; }
.workspace-gomoku-actions { display:flex; align-items:center; justify-content:center; gap:9px; margin-top:4px; }
.workspace-gomoku-action { min-height:39px; padding:8px 16px; border:1px solid transparent; border-radius:11px; font-size:.75rem; font-weight:760; }
.workspace-gomoku-action.is-primary { color:#fff; background:#5c6de0; }
.workspace-gomoku-action.is-secondary { color:#58647a; border-color:rgba(93,108,148,.22); background:#fff; }
.workspace-gomoku-action.is-danger { color:#b43b50; border-color:rgba(218,72,95,.26); background:#fff4f5; }
.workspace-gomoku-action:disabled { opacity:.55; cursor:wait; }
.workspace-gomoku-empty { padding:48px 20px; color:#8490a6; text-align:center; }

[data-theme="dark"] .workspace-social-drawer,[data-theme="cyber"] .workspace-social-drawer { --social-line:rgba(180,194,226,.13); color:#edf2ff; background:#101725; }
[data-theme="dark"] .workspace-social-header,[data-theme="cyber"] .workspace-social-header { background:linear-gradient(135deg,#151e30,#111827); }
[data-theme="dark"] .workspace-social-settings,[data-theme="cyber"] .workspace-social-settings,
[data-theme="dark"] .workspace-social-member-search,[data-theme="cyber"] .workspace-social-member-search,
[data-theme="dark"] .workspace-social-chat-search,[data-theme="cyber"] .workspace-social-chat-search,
[data-theme="dark"] .workspace-social-chat-header,[data-theme="cyber"] .workspace-social-chat-header,
[data-theme="dark"] .workspace-social-compose,[data-theme="cyber"] .workspace-social-compose { background:#141d2d; }
[data-theme="dark"] .workspace-social-settings-grid label:hover,[data-theme="cyber"] .workspace-social-settings-grid label:hover,
[data-theme="dark"] .workspace-social-member:hover,[data-theme="cyber"] .workspace-social-member:hover { background:#1b263a; }
[data-theme="dark"] .workspace-social-member.has-unread,[data-theme="cyber"] .workspace-social-member.has-unread { background:rgba(63,77,119,.22); }
[data-theme="dark"] .workspace-social-chat-view,[data-theme="cyber"] .workspace-social-chat-view { background:#0f1623; }
[data-theme="dark"] .workspace-social-message-bubble,[data-theme="cyber"] .workspace-social-message-bubble { color:#e8eefc; background:#1b2639; }
[data-theme="dark"] .workspace-social-message-actions,[data-theme="cyber"] .workspace-social-message-actions,
[data-theme="dark"] .workspace-social-new-messages,[data-theme="cyber"] .workspace-social-new-messages,
[data-theme="dark"] .workspace-social-toast,[data-theme="cyber"] .workspace-social-toast { color:#e8eefc; background:#1b2639; }
[data-theme="dark"] .workspace-social-replying,[data-theme="cyber"] .workspace-social-replying { color:#dfe6f5; background:#121b2a; }
[data-theme="dark"] .workspace-social-compose textarea,[data-theme="cyber"] .workspace-social-compose textarea { color:#eef2ff; background:#0f1725; }
[data-theme="dark"] .workspace-social-settings-grid select,[data-theme="cyber"] .workspace-social-settings-grid select,
[data-theme="dark"] .workspace-social-recycle-item,[data-theme="cyber"] .workspace-social-recycle-item,
[data-theme="dark"] .workspace-social-recycle>header,[data-theme="cyber"] .workspace-social-recycle>header,
[data-theme="dark"] .workspace-social-recycle>header button,[data-theme="cyber"] .workspace-social-recycle>header button,
[data-theme="dark"] .workspace-social-recycle-actions button,[data-theme="cyber"] .workspace-social-recycle-actions button { color:#dce4f5; background:#172135; }
[data-theme="dark"] .workspace-social-storage,[data-theme="cyber"] .workspace-social-storage { border-color:rgba(180,194,226,.13); background:#121b2a; }
[data-theme="dark"] .workspace-social-storage-metrics>span,[data-theme="cyber"] .workspace-social-storage-metrics>span,
[data-theme="dark"] .workspace-social-storage-users>div,[data-theme="cyber"] .workspace-social-storage-users>div,
[data-theme="dark"] .workspace-social-storage-actions button,[data-theme="cyber"] .workspace-social-storage-actions button { color:#dce4f5; background:#172135; }
[data-theme="dark"] .workspace-social-storage-actions button.is-danger,[data-theme="cyber"] .workspace-social-storage-actions button.is-danger { color:#ff9bab; border-color:rgba(255,114,137,.23); background:#2b1920; }
[data-theme="dark"] .workspace-social-device-notifications:hover,[data-theme="cyber"] .workspace-social-device-notifications:hover { background:#151e2d; }
[data-theme="dark"] .workspace-social-device-notifications-main>i,[data-theme="cyber"] .workspace-social-device-notifications-main>i { color:#aeb9ff; background:#202945; }
[data-theme="dark"] .workspace-social-device-notifications-actions button,[data-theme="cyber"] .workspace-social-device-notifications-actions button { color:#dce4f5; border-color:rgba(180,194,226,.16); background:#172135; }
[data-theme="dark"] .workspace-social-device-notifications-actions button.is-primary,[data-theme="cyber"] .workspace-social-device-notifications-actions button.is-primary { color:#fff; border-color:#6978df; background:#6978df; }
[data-theme="dark"] .workspace-social-device-notifications-actions button.is-danger,[data-theme="cyber"] .workspace-social-device-notifications-actions button.is-danger { color:#ff9bab; border-color:rgba(255,114,137,.23); background:#2b1920; }
[data-theme="dark"] .workspace-social-device-notifications>p,[data-theme="cyber"] .workspace-social-device-notifications>p { color:#aeb9cf; background:#121b2a; }
[data-theme="dark"] .workspace-social-compose,[data-theme="cyber"] .workspace-social-compose,[data-theme="dark"] .workspace-social-emoji-picker,[data-theme="cyber"] .workspace-social-emoji-picker { border-color:rgba(180,194,226,.13); color:#edf2ff; background:#141d2d; }
[data-theme="dark"] .workspace-social-compose-preview,[data-theme="cyber"] .workspace-social-compose-preview { background:#101827; }
[data-theme="dark"] .workspace-social-compose-tools button,[data-theme="cyber"] .workspace-social-compose-tools button { color:#aeb9cf; }
[data-theme="dark"] .workspace-social-emoji-heading,[data-theme="cyber"] .workspace-social-emoji-heading { color:#eef2ff; }
[data-theme="dark"] .workspace-social-game-invite,[data-theme="cyber"] .workspace-social-game-invite,
[data-theme="dark"] .workspace-gomoku-hub,[data-theme="cyber"] .workspace-gomoku-hub { color:#dce4f7; background:#172135; }
[data-theme="dark"] .workspace-gomoku-card,[data-theme="cyber"] .workspace-gomoku-card { color:#edf2ff; background:#101725; }
[data-theme="dark"] .workspace-gomoku-card>header,[data-theme="cyber"] .workspace-gomoku-card>header { background:linear-gradient(135deg,#151e30,#111827); }
[data-theme="dark"] .workspace-gomoku-player,[data-theme="cyber"] .workspace-gomoku-player { background:#172135; }
[data-theme="dark"] .workspace-gomoku-status,[data-theme="cyber"] .workspace-gomoku-status { background:#1a2437; }
[data-theme="dark"] .workspace-gomoku-status.is-your-turn,[data-theme="cyber"] .workspace-gomoku-status.is-your-turn { color:#ffd786; background:#3a2c13; }
[data-theme="dark"] .workspace-gomoku-result,[data-theme="cyber"] .workspace-gomoku-result,
[data-theme="dark"] .workspace-gomoku-countdown,[data-theme="cyber"] .workspace-gomoku-countdown { background:#172135; }
[data-theme="dark"] .workspace-gomoku-action.is-secondary,[data-theme="cyber"] .workspace-gomoku-action.is-secondary { color:#e4eaf8; background:#172135; }

@keyframes social-pulse { 50% { opacity:.35; transform:scale(.72); } }
@keyframes social-toast-in { from { opacity:0; transform:translateY(8px); } }
@keyframes social-bottom-unread-soft {
  0%,100% { opacity:.58; transform:translateX(-50%) scaleX(.84); background:linear-gradient(90deg,transparent,#42d9d0 16%,#92f4ff 50%,#42d9d0 84%,transparent); box-shadow:0 0 7px rgba(78,225,218,.38); }
  50% { opacity:1; transform:translateX(-50%) scaleX(1.12); background:linear-gradient(90deg,transparent,#34efd8 12%,#e7ffff 50%,#34efd8 88%,transparent); box-shadow:0 0 24px rgba(80,243,226,.95),0 -5px 24px rgba(98,224,255,.55); }
}
@keyframes social-bottom-unread-strong {
  0%,100% { opacity:.5; transform:translateX(-50%) scaleX(.82); background:linear-gradient(90deg,transparent,#ff174d 12%,#ff7043 50%,#ff174d 88%,transparent); box-shadow:0 0 10px rgba(255,23,77,.6); }
  18%,52% { opacity:1; transform:translateX(-50%) scaleX(1.14); background:linear-gradient(90deg,transparent,#ff5b30 8%,#fff8c7 50%,#ff3d54 92%,transparent); box-shadow:0 0 34px rgba(255,68,64,1),0 -8px 34px rgba(255,183,56,.95); }
  34%,68% { opacity:.62; transform:translateX(-50%) scaleX(.92); background:linear-gradient(90deg,transparent,#ff174d 12%,#ff9d2e 50%,#ff174d 88%,transparent); box-shadow:0 0 16px rgba(255,23,77,.72); }
}
@keyframes gomoku-win-pulse { to { box-shadow:0 0 0 4px #ffd66f,0 0 22px rgba(255,197,60,.98); } }

@media (hover:none) {
  .workspace-social-message-actions { position:static; order:3; align-self:inherit; margin-top:1px; opacity:.65; border:0; background:transparent; box-shadow:none; pointer-events:auto; }
}
@media (max-width:575.98px) {
  .workspace-social-drawer { width:100vw; }
  .workspace-social-header { padding-top:max(18px,env(safe-area-inset-top)); }
  .workspace-social-backdrop { display:none; }
  .workspace-social-chat-header { padding-top:max(12px,env(safe-area-inset-top)); }
  .workspace-social-message { max-width:88%; }
  #site-navigation .workspace-social-launcher { min-width:0; width:42px; height:42px; grid-template-columns:28px; padding:6px; border-radius:12px; }
  .workspace-social-launcher-main,.workspace-social-launcher>.bi-chevron-right,.workspace-social-launcher .workspace-social-unread { position:absolute; }
  .workspace-social-launcher-main,.workspace-social-launcher>.bi-chevron-right { display:none; }
  .workspace-social-launcher .workspace-social-unread { top:-6px; right:-6px; }
  .workspace-social-compose-tools small { display:none; }
  .workspace-social-device-notifications { grid-template-columns:1fr; }
  .workspace-social-device-notifications-actions { justify-content:flex-start; padding-left:42px; }
  .workspace-social-device-notifications>p { margin-left:42px; }
  .workspace-social-toast-stack { right:12px; bottom:max(12px,env(safe-area-inset-bottom)); width:calc(100vw - 24px); }
  .workspace-gomoku-modal { padding:0; }
  .workspace-gomoku-card { width:100vw; max-height:100dvh; min-height:100dvh; border:0; border-radius:0; }
  .workspace-gomoku-card>header { padding-top:max(14px,env(safe-area-inset-top)); }
  .workspace-gomoku-content { padding:13px 8px max(14px,env(safe-area-inset-bottom)); }
  .workspace-gomoku-board-stage { --gomoku-cell:min(22px,calc((100vw - 58px)/15)); grid-template-columns:18px auto; }
  .workspace-gomoku-board { padding:9px; }
  .workspace-gomoku-coordinates.is-top { width:calc(var(--gomoku-cell) * 15 + 18px); padding:0 9px; }
  .workspace-gomoku-coordinates.is-left { height:calc(var(--gomoku-cell) * 15 + 18px); padding:9px 0; }
  .workspace-gomoku-stone { width:16px; height:16px; flex-basis:16px; }
  .workspace-gomoku-ghost { width:16px; height:16px; }
  .workspace-gomoku-status { align-items:flex-start; flex-direction:column; }
}
@media (prefers-reduced-motion:reduce) {
  .workspace-social-drawer,.workspace-social-backdrop,.workspace-social-launcher,.workspace-social-toast { transition:none; animation:none; }
  #site-navigation.has-social-unread::before { animation:none!important; opacity:1; transform:translateX(-50%); background:linear-gradient(90deg,transparent,#ffb23f 18%,#fff0a6 50%,#ff6b58 82%,transparent); box-shadow:0 0 12px rgba(255,145,63,.7); }
  .workspace-gomoku-point.is-winning .workspace-gomoku-stone { animation:none; }
}

/* Collaboration chat v10: ChatScope structure, Quack interactions, Backspace palette. */
.workspace-social-drawer { --social-accent:#7c6df2; --social-accent-2:#45c9e8; width:min(var(--social-drawer-width,780px),100vw); grid-template-columns:1fr; background:linear-gradient(155deg,#f8faff 0%,#f2f5fb 100%); }
.workspace-social-drawer,.workspace-social-drawer * { box-sizing:border-box; }
.workspace-social-drawer.is-chatting { grid-template-columns:270px minmax(0,1fr); }
.workspace-social-drawer.is-chatting .workspace-social-members-view { border-right:1px solid var(--social-line); }
.workspace-social-drawer.is-chatting .workspace-social-chat-view { min-width:0; }
.workspace-social-header { padding:18px 17px 13px; background:linear-gradient(135deg,#fff,#f1f2ff); }
.workspace-social-header h2 { font-size:1.18rem; letter-spacing:-.02em; }
.workspace-social-header p { font-size:.7rem; }
.workspace-social-member-search { margin:10px 12px 6px; border-radius:10px; }
.workspace-social-settings { margin:0 12px 6px; border-radius:10px; }
.workspace-social-settings summary { min-height:38px; }
.workspace-social-settings[open] { position:relative; display:block; height:0; min-width:0; min-height:0; max-height:none; flex:1 1 0; overflow:hidden; }
.workspace-social-settings[open]>summary { position:relative; z-index:1; background:inherit; }
.workspace-social-settings[open]>.workspace-social-settings-grid { position:absolute; inset:var(--social-settings-summary-height,55px) 0 0; width:100%; min-width:0; min-height:0; max-height:none; overflow-x:hidden; overflow-y:auto; overscroll-behavior-y:contain; scrollbar-gutter:stable; touch-action:pan-y; -webkit-overflow-scrolling:touch; padding-bottom:max(10px,env(safe-area-inset-bottom)); }
.workspace-social-members-view.is-settings-open>.workspace-gomoku-hub,.workspace-social-members-view.is-settings-open>.workspace-social-member-list { display:none; }
.workspace-social-members-view.is-settings-open .workspace-social-storage-users { max-height:none; overflow:visible; }
.workspace-social-settings-grid>label,.workspace-social-settings-action,.workspace-social-storage { min-width:0; }
.workspace-social-settings-grid label>span,.workspace-social-settings-action>span { min-width:0; }
.workspace-social-member-list { padding:0 8px 16px; }
.workspace-social-member { min-height:62px; border-radius:10px; }
.workspace-social-member-main { grid-template-columns:38px minmax(0,1fr) auto; min-height:54px; gap:9px; }
.workspace-social-member .workspace-social-avatar { width:38px; height:38px; flex-basis:38px; }
.workspace-social-member.is-active { background:linear-gradient(135deg,rgba(124,109,242,.14),rgba(69,201,232,.08)); box-shadow:inset 3px 0 0 var(--social-accent); }
.workspace-social-member.is-active .workspace-social-member-heading strong { color:#5144bd; }
.workspace-social-chat-view { background:radial-gradient(circle at 95% 5%,rgba(124,109,242,.07),transparent 36%),linear-gradient(180deg,#f8f9fc,#f2f4f9); }
.workspace-social-chat-header { min-height:68px; padding:9px 11px; background:rgba(255,255,255,.9); backdrop-filter:blur(18px); }
.workspace-social-drawer.is-chatting .workspace-social-chat-header { grid-template-columns:minmax(0,1fr) 36px 36px; }
.workspace-social-drawer.is-chatting .workspace-social-chat-header [data-social-back] { display:none; }
.workspace-social-messages { gap:15px; padding:18px 18px 28px; }
.workspace-social-day-separator { position:sticky; z-index:1; top:3px; padding:4px 10px; border:1px solid var(--social-line); background:rgba(242,244,249,.88); backdrop-filter:blur(10px); }
.workspace-social-message { gap:4px; max-width:88%; }
.workspace-social-message-author { display:flex; align-items:center; gap:7px; margin:0 0 1px 2px; color:#5e687d; font-size:.68rem; }
.workspace-social-avatar.is-tiny { width:24px; height:24px; flex-basis:24px; border-radius:8px; font-size:.65rem; }
.workspace-social-message-author strong { font-weight:750; }
.workspace-social-message-bubble { min-width:64px; padding:9px 11px; border-radius:5px 14px 14px 14px; box-shadow:0 6px 18px rgba(31,43,72,.055); }
.workspace-social-message.is-own .workspace-social-message-bubble { border-radius:14px 5px 14px 14px; background:linear-gradient(135deg,#7567e8,#5867d9 58%,#477bd6); box-shadow:0 7px 20px rgba(83,91,205,.18); }
.workspace-social-message-actions { top:-28px; padding:3px; border-radius:10px; box-shadow:0 8px 24px rgba(26,33,54,.15); }
.workspace-social-message-actions button { width:27px; height:27px; border-radius:7px; }
.workspace-social-message-reactions { display:flex; flex-wrap:wrap; gap:4px; max-width:100%; }
.workspace-social-message-reactions button { display:inline-flex; height:25px; align-items:center; gap:4px; padding:0 8px; border:1px solid rgba(103,113,148,.16); border-radius:999px; color:#6c7487; background:rgba(255,255,255,.92); font-size:.7rem; }
.workspace-social-message-reactions button:hover { border-color:rgba(124,109,242,.45); transform:translateY(-1px); }
.workspace-social-message-reactions button.is-mine { color:#5446c0; border-color:rgba(124,109,242,.4); background:rgba(124,109,242,.11); }
.workspace-social-message-reactions strong { font-size:.62rem; }
.workspace-social-reaction-picker { position:absolute; z-index:5; top:-42px; display:flex; gap:2px; padding:5px; border:1px solid var(--social-line); border-radius:13px; background:rgba(255,255,255,.97); box-shadow:0 12px 32px rgba(23,31,52,.18); backdrop-filter:blur(18px); }
.workspace-social-message:not(.is-own)>.workspace-social-reaction-picker { left:0; }
.workspace-social-message.is-own>.workspace-social-reaction-picker { right:0; }
.workspace-social-reaction-picker button { display:grid; width:30px; height:30px; place-items:center; border:0; border-radius:8px; background:transparent; font-size:1.05rem; }
.workspace-social-reaction-picker button:hover { background:#f0efff; transform:scale(1.08); }
.workspace-social-message-meta { padding:0 3px; }
.workspace-social-compose { margin:0 14px max(14px,env(safe-area-inset-bottom)); padding:7px; border-radius:15px; box-shadow:0 12px 34px rgba(31,43,72,.12); }
.workspace-social-compose textarea { min-height:40px; padding:9px 11px; border-radius:10px; background:transparent; }
.workspace-social-compose-row>button { width:40px; height:40px; border-radius:11px; background:linear-gradient(145deg,var(--social-accent),#5869dc); }
.workspace-social-compose-tools { border-top:1px solid rgba(96,112,151,.1); padding-top:4px; }
.workspace-social-compose-tools button { height:28px; }

/* Collaboration chat v11: remembered resize, drafts, favorites and quick messages. */
.workspace-social-resize-handle { position:absolute; z-index:10; top:0; bottom:0; left:-8px; width:16px; border:0; outline:0; cursor:ew-resize; touch-action:none; }
.workspace-social-resize-handle>span { position:absolute; top:50%; left:6px; width:4px; height:58px; border-radius:99px; opacity:0; background:linear-gradient(180deg,var(--social-accent),var(--social-accent-2)); box-shadow:0 4px 15px rgba(81,68,189,.35); transform:translateY(-50%); transition:opacity .16s ease,height .16s ease; }
.workspace-social-resize-handle>small { position:absolute; top:calc(50% + 40px); right:12px; width:max-content; padding:5px 8px; border:1px solid var(--social-line); border-radius:8px; color:#626d82; background:rgba(255,255,255,.96); box-shadow:0 8px 22px rgba(20,29,50,.15); font-size:.62rem; opacity:0; pointer-events:none; transform:translateX(6px); transition:opacity .16s ease,transform .16s ease; }
.workspace-social-resize-handle:hover>span,.workspace-social-resize-handle:focus-visible>span,body.workspace-social-resizing .workspace-social-resize-handle>span { height:76px; opacity:1; }
.workspace-social-resize-handle:hover>small,.workspace-social-resize-handle:focus-visible>small { opacity:1; transform:translateX(0); }
body.workspace-social-resizing,body.workspace-social-resizing * { cursor:ew-resize!important; user-select:none!important; }
.workspace-social-member { grid-template-columns:minmax(0,1fr) 34px auto; }
.workspace-social-favorite { display:grid; width:32px; height:32px; place-items:center; border:0; border-radius:9px; color:#9aa3b5; background:transparent; }
.workspace-social-favorite:hover { color:#d4931f; background:rgba(255,190,67,.12); }
.workspace-social-favorite.is-active { color:#e3a125; background:rgba(255,190,67,.14); }
.workspace-social-compose-tools [data-social-draft-status] { margin-left:auto; color:#3f9a74; }
.workspace-social-compose-tools [data-social-file-hint] { margin-left:0; }
.workspace-social-quick-picker { position:absolute; z-index:4; right:0; bottom:calc(100% + 8px); width:min(390px,100%); padding:10px; border:1px solid rgba(93,109,151,.2); border-radius:16px; background:rgba(255,255,255,.98); box-shadow:0 20px 48px rgba(27,37,62,.2); backdrop-filter:blur(18px); }
.workspace-social-quick-picker[hidden] { display:none; }
.workspace-social-quick-heading { display:flex; align-items:center; justify-content:space-between; padding:2px 4px 8px; color:#374155; font-size:.7rem; }
.workspace-social-quick-heading small { color:#939bad; font-size:.61rem; }
.workspace-social-quick-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
.workspace-social-quick-grid button { display:flex; min-width:0; flex-direction:column; gap:2px; padding:8px 9px; border:1px solid rgba(98,113,154,.12); border-radius:10px; color:#3b465b; background:#f7f8fc; text-align:left; }
.workspace-social-quick-grid button:hover { border-color:rgba(124,109,242,.35); background:#f0efff; transform:translateY(-1px); }
.workspace-social-quick-grid strong { font-size:.7rem; }
.workspace-social-quick-grid small { overflow:hidden; color:#7a8599; font-size:.62rem; text-overflow:ellipsis; white-space:nowrap; }
.workspace-social-drawer.is-chatting.is-compact { grid-template-columns:1fr; }
.workspace-social-drawer.is-chatting.is-compact .workspace-social-members-view { border-right:0; }
.workspace-social-drawer.is-chatting.is-compact .workspace-social-chat-header { grid-template-columns:36px minmax(0,1fr) 36px 36px; }
.workspace-social-drawer.is-chatting.is-compact .workspace-social-chat-header [data-social-back] { display:grid; }

[data-theme="dark"] .workspace-social-drawer,[data-theme="cyber"] .workspace-social-drawer { --social-line:rgba(174,187,218,.13); color:#eef2ff; background:radial-gradient(circle at 94% 2%,rgba(124,109,242,.13),transparent 30%),linear-gradient(155deg,#111522,#0c111b); }
[data-theme="dark"] .workspace-social-header,[data-theme="cyber"] .workspace-social-header { background:linear-gradient(145deg,#171b29,#111725); }
[data-theme="dark"] .workspace-social-member.is-active,[data-theme="cyber"] .workspace-social-member.is-active { background:linear-gradient(135deg,rgba(124,109,242,.18),rgba(69,201,232,.08)); }
[data-theme="dark"] .workspace-social-member.is-active .workspace-social-member-heading strong,[data-theme="cyber"] .workspace-social-member.is-active .workspace-social-member-heading strong { color:#c7c0ff; }
[data-theme="dark"] .workspace-social-chat-view,[data-theme="cyber"] .workspace-social-chat-view { background:radial-gradient(circle at 92% 4%,rgba(124,109,242,.12),transparent 34%),linear-gradient(180deg,#0d1220,#0a0f19); }
[data-theme="dark"] .workspace-social-chat-header,[data-theme="cyber"] .workspace-social-chat-header { background:rgba(18,24,37,.9); }
[data-theme="dark"] .workspace-social-day-separator,[data-theme="cyber"] .workspace-social-day-separator { color:#8f9ab1; background:rgba(18,24,37,.88); }
[data-theme="dark"] .workspace-social-message-author,[data-theme="cyber"] .workspace-social-message-author { color:#aeb8cd; }
[data-theme="dark"] .workspace-social-message-bubble,[data-theme="cyber"] .workspace-social-message-bubble { border-color:rgba(174,187,218,.11); color:#edf2ff; background:#182131; box-shadow:0 8px 22px rgba(0,0,0,.14); }
[data-theme="dark"] .workspace-social-message.is-own .workspace-social-message-bubble,[data-theme="cyber"] .workspace-social-message.is-own .workspace-social-message-bubble { background:linear-gradient(135deg,#6f61dd,#5364cf 60%,#3f77cb); }
[data-theme="dark"] .workspace-social-message-actions,[data-theme="cyber"] .workspace-social-message-actions,[data-theme="dark"] .workspace-social-reaction-picker,[data-theme="cyber"] .workspace-social-reaction-picker { color:#dce3f3; background:rgba(24,31,47,.97); }
[data-theme="dark"] .workspace-social-message-actions button:hover,[data-theme="cyber"] .workspace-social-message-actions button:hover { color:#d9d4ff; background:rgba(124,109,242,.18); }
[data-theme="dark"] .workspace-social-message-reactions button,[data-theme="cyber"] .workspace-social-message-reactions button { color:#aeb8cd; border-color:rgba(174,187,218,.14); background:#151d2b; }
[data-theme="dark"] .workspace-social-message-reactions button.is-mine,[data-theme="cyber"] .workspace-social-message-reactions button.is-mine { color:#d2ccff; border-color:rgba(145,129,255,.48); background:rgba(124,109,242,.16); }
[data-theme="dark"] .workspace-social-reaction-picker button:hover,[data-theme="cyber"] .workspace-social-reaction-picker button:hover { background:rgba(124,109,242,.18); }
[data-theme="dark"] .workspace-social-compose,[data-theme="cyber"] .workspace-social-compose { background:rgba(19,26,40,.95); box-shadow:0 16px 42px rgba(0,0,0,.28); }
[data-theme="dark"] .workspace-social-compose textarea,[data-theme="cyber"] .workspace-social-compose textarea { background:transparent; }
[data-theme="dark"] .workspace-social-file-upload,[data-theme="cyber"] .workspace-social-file-upload { color:#dfe6f5; border-color:rgba(174,187,218,.13); background:#182131; }
[data-theme="dark"] .workspace-social-file-upload small,[data-theme="cyber"] .workspace-social-file-upload small { color:#98a5bb; }
[data-theme="dark"] .workspace-social-file-upload>button,[data-theme="cyber"] .workspace-social-file-upload>button { color:#dce3f3; background:#222d41; }
[data-theme="dark"] .workspace-social-file-card,[data-theme="cyber"] .workspace-social-file-card { background:rgba(112,130,236,.11); }
[data-theme="dark"] .workspace-social-download-actions,[data-theme="cyber"] .workspace-social-download-actions { border-top-color:rgba(174,187,218,.12); }
[data-theme="dark"] .workspace-social-download-actions button,[data-theme="cyber"] .workspace-social-download-actions button { color:#dce3f3; border-color:rgba(174,187,218,.16); background:#222d41; }
[data-theme="dark"] .workspace-social-download-actions [data-social-download-cancel],[data-theme="cyber"] .workspace-social-download-actions [data-social-download-cancel] { color:#ff9bab; border-color:rgba(255,114,137,.23); background:#2b1920; }
[data-theme="dark"] .workspace-social-resize-handle>small,[data-theme="cyber"] .workspace-social-resize-handle>small,[data-theme="dark"] .workspace-social-quick-picker,[data-theme="cyber"] .workspace-social-quick-picker { color:#dfe6f5; border-color:rgba(174,187,218,.14); background:rgba(21,29,43,.98); }
[data-theme="dark"] .workspace-social-quick-heading,[data-theme="cyber"] .workspace-social-quick-heading { color:#e7ecf8; }
[data-theme="dark"] .workspace-social-quick-grid button,[data-theme="cyber"] .workspace-social-quick-grid button { color:#e1e7f4; border-color:rgba(174,187,218,.12); background:#1b2535; }
[data-theme="dark"] .workspace-social-quick-grid button:hover,[data-theme="cyber"] .workspace-social-quick-grid button:hover { background:rgba(124,109,242,.18); }

@media(max-width:859px) {
  .workspace-social-drawer.is-chatting { grid-template-columns:1fr; }
  .workspace-social-drawer.is-chatting .workspace-social-members-view { border-right:0; }
  .workspace-social-drawer.is-chatting .workspace-social-chat-header { grid-template-columns:36px minmax(0,1fr) 36px 36px; }
  .workspace-social-drawer.is-chatting .workspace-social-chat-header [data-social-back] { display:grid; }
}

@media(max-width:575.98px) {
  .workspace-social-drawer { width:100vw; }
  .workspace-social-resize-handle { display:none; }
  .workspace-social-member { grid-template-columns:minmax(0,1fr) 32px auto; }
  .workspace-social-quick-grid { grid-template-columns:1fr; max-height:42vh; overflow:auto; }
  .workspace-social-compose-tools [data-social-file-hint] { display:none; }
}

/* V10: constrain emoji and expose public member profiles. */
#workspace-social-drawer .workspace-social-message{min-width:0;max-width:100%}
#workspace-social-drawer .workspace-social-message-bubble{min-width:0;max-width:100%;box-sizing:border-box}
#workspace-social-drawer .workspace-social-message-text{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap}
#workspace-social-drawer .workspace-social-reaction-picker{position:static;display:flex;flex-wrap:wrap;align-self:flex-start;max-width:100%;margin:4px 0;box-sizing:border-box}
#workspace-social-drawer .is-own>.workspace-social-reaction-picker{align-self:flex-end}
#workspace-social-drawer .workspace-social-emoji-picker{box-sizing:border-box;width:min(330px,100%);max-height:min(280px,42dvh);overflow:auto;overscroll-behavior:contain}
#workspace-social-drawer .workspace-social-emoji-grid{grid-template-columns:repeat(8,minmax(0,1fr))}
#workspace-social-drawer .workspace-social-emoji-grid button{min-width:0;padding:4px;font-size:21px}
#workspace-social-drawer .workspace-social-message-author{border:0;background:transparent;color:inherit;cursor:pointer;padding:0;text-align:left;max-width:100%}
#workspace-social-drawer [data-social-chat-profile]{cursor:pointer;border-radius:8px}
#workspace-social-drawer :is([data-social-chat-profile],.workspace-social-message-author):focus-visible{outline:2px solid #67e8f9;outline-offset:3px}
.workspace-social-profile{box-sizing:border-box;width:min(380px,calc(100vw - 32px));max-height:85dvh;overflow:auto;padding:32px;border:1px solid #40516e;border-radius:22px;background:#152033;color:#ecf2ff;text-align:center;box-shadow:0 24px 80px #0006}
.workspace-social-profile::backdrop{background:#03091799}
.workspace-social-profile>.workspace-social-avatar{display:flex;width:88px;height:88px;margin:20px auto 18px;font-size:32px}
.workspace-social-profile h2{color:#f8fafc;font-size:24px;overflow-wrap:anywhere}
.workspace-social-profile p{color:#b9cbe2;font-size:14px;overflow-wrap:anywhere}
.workspace-social-profile button{border:1px solid #4a607f;border-radius:10px;padding:9px 16px;background:#25364d;color:#f8fafc;font:inherit;cursor:pointer}
.workspace-social-profile-close{display:block;margin-left:auto}
.workspace-social-profile .workspace-social-profile-message{width:100%;margin-top:16px;background:#a9ede1;color:#123733;border:0;font-weight:700}

/* V11: the profile is primarily an avatar viewer. Preserve the whole image. */
.workspace-social-profile{width:min(480px,calc(100vw - 24px));padding:24px;max-height:92dvh}
.workspace-social-profile>.workspace-social-avatar{display:grid;width:min(320px,100%);height:auto;aspect-ratio:1;flex:none;margin:18px auto 22px;border-radius:18px;font-size:80px;background:#0d1626}
.workspace-social-profile>.workspace-social-avatar img{object-fit:contain}
@media(max-width:480px){.workspace-social-profile{padding:18px}.workspace-social-profile>.workspace-social-avatar{margin-top:14px;margin-bottom:18px}}