:root{--social-bg:#08111f;--social-panel:#101c2f;--social-panel-2:#16243a;--social-line:#263752;--social-text:#f8fafc;--social-muted:#93a4bd;--social-accent:#7c6cff;--social-accent-2:#24c8a5;--social-danger:#fb7185}
.lucide-replacement{width:24px;height:24px;display:block;object-fit:contain;filter:brightness(0) invert(1);pointer-events:none}
#taskcus-social-root{position:fixed;inset:0 0 78px;z-index:900;background:radial-gradient(circle at 15% 0%,rgba(124,108,255,.18),transparent 30%),var(--social-bg);color:var(--social-text);font-family:Manrope,ui-sans-serif,system-ui,-apple-system,sans-serif;overflow:hidden}
.social-shell{height:100%;max-width:1180px;margin:auto;display:grid;grid-template-columns:minmax(290px,380px) 1fr;gap:1px;background:var(--social-line);box-shadow:0 20px 80px rgba(0,0,0,.35)}
.social-sidebar,.social-main{background:rgba(8,17,31,.96);min-height:0}.social-sidebar{display:flex;flex-direction:column}.social-main{display:flex;flex-direction:column;position:relative}
.social-header{padding:22px 22px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--social-line)}.social-title{margin:0;font-size:25px;letter-spacing:-.04em}.social-subtitle{margin:5px 0 0;color:var(--social-muted);font-size:12px}.social-id{font-family:ui-monospace,monospace;color:#c4bfff}
.social-icon-button,.social-primary,.social-secondary,.social-danger{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;transition:transform .18s ease,background .18s ease,opacity .18s ease}.social-icon-button:active,.social-primary:active,.social-secondary:active{transform:scale(.96)}
.social-icon-button{width:42px;height:42px;border-radius:14px;background:var(--social-panel-2);color:white;position:relative}.social-icon-button img,.social-button-icon{width:20px;height:20px;filter:brightness(0) invert(1)}.social-badge{position:absolute;right:-3px;top:-3px;min-width:18px;height:18px;border-radius:10px;background:var(--social-danger);font-size:10px;font-weight:800;display:grid;place-items:center;padding:0 4px}
.social-search{padding:16px;border-bottom:1px solid var(--social-line)}.social-search-row{display:flex;gap:9px}.social-input{width:100%;box-sizing:border-box;border:1px solid var(--social-line);background:var(--social-panel);color:white;border-radius:14px;padding:13px 14px;outline:none;font:inherit}.social-input:focus{border-color:var(--social-accent);box-shadow:0 0 0 3px rgba(124,108,255,.13)}.social-primary{border-radius:14px;padding:0 16px;background:linear-gradient(135deg,var(--social-accent),#9d6cff);color:white;font-weight:800}.social-primary:disabled{opacity:.65;cursor:wait}.social-secondary{border-radius:12px;padding:10px 13px;background:#253653;color:white}.social-danger{border-radius:12px;padding:10px 13px;background:rgba(251,113,133,.14);color:#fda4af}
.social-scroll{overflow:auto;min-height:0;padding:14px}.social-section-label{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:var(--social-muted);font-weight:800;margin:9px 6px 10px}.social-card{background:var(--social-panel);border:1px solid var(--social-line);border-radius:17px;padding:13px;display:flex;align-items:center;gap:12px;margin-bottom:10px}.social-card.clickable{cursor:pointer}.social-card.clickable:hover{background:var(--social-panel-2)}.social-avatar{width:46px;height:46px;border-radius:15px;object-fit:cover;background:linear-gradient(135deg,var(--social-accent),var(--social-accent-2));display:grid;place-items:center;font-weight:900;font-size:18px;flex:none;position:relative;overflow:visible}.social-avatar img{width:100%;height:100%;object-fit:cover;border-radius:15px}.social-online{position:absolute;width:11px;height:11px;border-radius:50%;background:#35e3ad;border:2px solid var(--social-panel);right:-3px;bottom:-3px}.social-card-info{min-width:0;flex:1}.social-name{display:block;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-meta{display:block;font-size:12px;color:var(--social-muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-actions,.social-result-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.social-result-actions{justify-content:flex-end}.social-empty{padding:38px 24px;text-align:center;color:var(--social-muted)}.social-empty img{width:45px;height:45px;filter:invert(71%) sepia(9%) saturate(795%) hue-rotate(176deg);margin-bottom:12px}.social-search-result{margin-top:12px}.social-error,.social-searching{font-size:13px;margin:10px 3px 0}.social-error{color:#fda4af}.social-searching{color:var(--social-muted)}.social-searching:before{content:'';display:inline-block;width:9px;height:9px;border:2px solid rgba(255,255,255,.25);border-top-color:var(--social-accent);border-radius:50%;margin-right:8px;animation:social-spin .8s linear infinite}.social-star-button{width:38px;height:38px;border-radius:12px;background:#24324a;display:grid;place-items:center;flex:none}.social-star-button img{width:18px;height:18px;filter:invert(76%) sepia(8%) saturate(701%) hue-rotate(176deg)}.social-star-button.saved{background:rgba(245,190,82,.14)}.social-star-button.saved img{filter:invert(82%) sepia(70%) saturate(827%) hue-rotate(336deg) brightness(102%)}.social-saved-card{padding:8px 10px}.social-saved-main{min-width:0;flex:1;display:flex;align-items:center;gap:12px;text-align:left;color:white;padding:5px 3px}.social-toast{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:1002;background:#15243a;border:1px solid #354864;color:white;padding:11px 16px;border-radius:14px;box-shadow:0 15px 45px rgba(0,0,0,.4)}
.social-modal-backdrop{position:absolute;inset:0;z-index:8;display:grid;place-items:center;padding:18px;background:rgba(3,9,18,.76);backdrop-filter:blur(8px)}.social-modal{width:min(390px,100%);background:#111f34;border:1px solid #354864;border-radius:22px;padding:22px;box-shadow:0 28px 90px rgba(0,0,0,.55)}.social-modal-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:rgba(245,190,82,.14)}.social-modal-icon img{width:21px;height:21px;filter:invert(82%) sepia(70%) saturate(827%) hue-rotate(336deg) brightness(102%)}.social-modal h2{margin:16px 0 7px;font-size:23px}.social-modal p{margin:0 0 18px;color:var(--social-muted);line-height:1.5}.social-modal label{display:block;margin:0 0 7px;color:#d5deec;font-size:12px;font-weight:800}.social-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.social-modal-actions .social-danger{margin-right:auto}.social-modal-actions .social-primary{padding:10px 14px}@keyframes social-spin{to{transform:rotate(360deg)}}
.social-welcome{margin:auto;text-align:center;max-width:390px;padding:32px}.social-welcome img{width:64px;height:64px;filter:brightness(0) invert(1);padding:19px;border-radius:22px;background:linear-gradient(135deg,var(--social-accent),var(--social-accent-2));box-sizing:content-box}.social-welcome h2{font-size:28px;letter-spacing:-.04em;margin:22px 0 8px}.social-welcome p{color:var(--social-muted);line-height:1.6}
.social-chat-header{padding:15px 18px;border-bottom:1px solid var(--social-line);display:flex;align-items:center;gap:12px}.social-back{display:none}.social-chat-person{flex:1;min-width:0}.social-status{font-size:12px;color:var(--social-muted);margin-top:2px}.social-messages{flex:1;min-height:0;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:9px}.social-message{max-width:min(72%,560px);padding:10px 13px;border-radius:16px;background:var(--social-panel-2);align-self:flex-start;line-height:1.45;word-break:break-word}.social-message.mine{align-self:flex-end;background:linear-gradient(135deg,#6658e8,#7d61e9)}.social-message-time{font-size:10px;opacity:.65;margin-top:5px;display:flex;justify-content:flex-end;gap:4px}.social-message-time img{width:13px;height:13px;filter:brightness(0) invert(1)}.social-attachment{display:block;color:white;text-decoration:none;background:rgba(255,255,255,.1);padding:9px;border-radius:10px;margin-top:6px}.social-attachment img{width:100%;max-height:240px;object-fit:cover;border-radius:9px;display:block}.social-typing{height:22px;color:var(--social-muted);font-size:12px;padding:0 20px}.social-composer{padding:12px 16px calc(12px + env(safe-area-inset-bottom));display:flex;align-items:flex-end;gap:9px;border-top:1px solid var(--social-line);background:rgba(8,17,31,.98)}.social-composer textarea{resize:none;min-height:45px;max-height:120px;padding-top:12px}.social-send{width:46px;height:46px;padding:0;flex:none}.social-file{display:none}.social-file-preview{position:absolute;bottom:76px;left:18px;background:var(--social-panel-2);border:1px solid var(--social-line);border-radius:12px;padding:9px 12px;font-size:12px;max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.social-notifications{position:absolute;top:72px;right:16px;width:min(390px,calc(100% - 32px));max-height:70%;overflow:auto;background:#101c2f;border:1px solid #33455f;border-radius:18px;padding:12px;z-index:5;box-shadow:0 24px 80px rgba(0,0,0,.55)}.social-notification{padding:12px;border-radius:12px;background:#16243a;margin-bottom:8px}.social-notification.unread{border-left:3px solid var(--social-accent)}.social-notification-time{font-size:10px;color:var(--social-muted);margin-top:5px}
@media(max-width:720px){#taskcus-social-root{bottom:78px}.social-shell{display:block}.social-sidebar,.social-main{height:100%}.social-main{display:none}.social-shell.chat-open .social-sidebar{display:none}.social-shell.chat-open .social-main{display:flex}.social-back{display:inline-flex}.social-header{padding:16px}.social-title{font-size:22px}.social-search{padding:12px}.social-scroll{padding:10px}.social-message{max-width:84%}.social-chat-header{padding:10px 12px}.social-messages{padding:14px}.social-composer{padding:9px 10px}}