:root{--ink:#292321;--muted:#786d68;--coral:#f36f62;--paper:#fff;--cream:#fff8f3;--line:#eadfd8}*{box-sizing:border-box}.hidden{display:none!important}body{margin:0;background:var(--cream);color:var(--ink);font-family:Vazirmatn,Tahoma,sans-serif;min-height:100vh}.social-header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1240px)/2));background:color-mix(in srgb,var(--paper) 90%,transparent);position:sticky;top:0;z-index:5;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit}.brand-symbol{width:40px}.brand strong{font-size:23px}.social-header nav{display:flex;gap:10px;align-items:center}.social-header a,.social-header button{color:inherit;text-decoration:none;border:1px solid var(--line);background:var(--paper);padding:9px 13px;border-radius:11px;font:700 12px inherit}.social-shell{width:min(1240px,calc(100% - 28px));margin:34px auto 80px;display:grid;grid-template-columns:265px minmax(0,1fr);gap:22px}.social-sidebar,.social-panel{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:16px}.social-sidebar{height:max-content;position:sticky;top:98px;display:grid;gap:7px}.profile-card{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--line);margin-bottom:5px}.avatar{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:var(--coral);color:#fff;font-size:20px;font-weight:900;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.profile-card div:nth-child(2){display:grid;min-width:0}.profile-card span{font-size:11px;color:var(--muted);direction:ltr;text-align:right;overflow:hidden;text-overflow:ellipsis}.profile-card button,.social-tab{border:0;background:transparent;color:inherit}.profile-card button{font-size:10px;color:var(--coral)}.social-tab{position:relative;width:100%;padding:13px;text-align:right;border-radius:12px;font:800 13px inherit}.social-tab.active,.social-tab:hover{background:color-mix(in srgb,var(--coral) 10%,var(--paper))}.social-tab i{position:absolute;left:12px;background:var(--coral);color:#fff;border-radius:10px;padding:1px 7px;font-style:normal}.social-panel{min-height:650px;padding:28px}.panel-head span{color:var(--coral);font-size:12px;font-weight:800}.panel-head h1{font-size:clamp(30px,5vw,48px);margin:8px 0}.panel-head p{color:var(--muted);line-height:1.9}.panel-head.compact{display:flex;justify-content:space-between;align-items:center}.primary,.search-form button,.send-message{border:0;background:var(--coral);color:#fff;border-radius:12px;padding:12px 18px;font:800 13px inherit}.primary svg{width:17px;height:17px;fill:none;stroke:currentColor;vertical-align:middle}.search-form{display:grid;grid-template-columns:1fr auto;gap:9px;margin:25px 0}.search-form input,.tool-share input,.tool-share textarea,.conversation-view input,.modal input,.modal textarea,.share-response-form textarea{width:100%;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:12px;padding:12px;font:inherit}.user-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.user-card,.request-card,.conversation-item,.share-card{border:1px solid var(--line);border-radius:17px;padding:15px;background:color-mix(in srgb,var(--paper) 96%,var(--coral) 2%)}.user-card{display:flex;align-items:center;gap:12px}.user-card .avatar,.request-card .avatar{width:42px;height:42px;border-radius:14px}.user-card>div{display:grid;min-width:0;flex:1}.user-card span{color:var(--muted);direction:ltr;text-align:right}.user-card button,.request-card button{border:1px solid var(--line);background:var(--paper);color:var(--coral);border-radius:10px;padding:8px}.user-list{display:grid;gap:9px}.request-card{display:flex;align-items:center;gap:10px}.request-card>div:nth-child(2){flex:1}.chat-layout{display:grid;grid-template-columns:260px 1fr;border:1px solid var(--line);border-radius:18px;overflow:hidden;min-height:530px}.conversation-list{border-left:1px solid var(--line);padding:8px;display:grid;align-content:start;gap:6px}.conversation-item{cursor:pointer;text-align:right;color:inherit}.conversation-item.active{border-color:var(--coral);background:color-mix(in srgb,var(--coral) 9%,var(--paper))}.conversation-item b,.conversation-item small{display:block}.conversation-item small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-empty{display:grid;place-items:center;text-align:center;color:var(--muted)}.conversation-view{display:grid;grid-template-rows:auto 1fr auto;min-width:0;position:relative}.conversation-view header{padding:14px;border-bottom:1px solid var(--line)}.conversation-view header div{display:grid}.conversation-view small{color:var(--muted)}.social-messages{padding:14px;overflow:auto;display:flex;flex-direction:column;gap:8px}.social-message{align-self:flex-start;max-width:78%;background:color-mix(in srgb,var(--coral) 7%,var(--paper));border:1px solid var(--line);border-radius:15px 15px 4px;padding:9px 12px}.social-message.own{align-self:flex-end;background:var(--coral);color:#fff}.social-message p{margin:3px 0;white-space:pre-wrap}.social-message img{max-width:260px;width:100%;border-radius:10px;margin-top:6px}.social-message audio{display:block;width:min(280px,65vw);margin-top:7px}.social-message time{display:block;font-size:9px;opacity:.7}.conversation-view>form{border-top:1px solid var(--line);padding:10px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px}.message-tools{display:flex;gap:6px}.media-button{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:11px;padding:8px 10px;font:700 11px inherit;cursor:pointer}.media-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.media-button.recording{border-color:#ef4f55;color:#ef4f55;background:color-mix(in srgb,#ef4f55 10%,var(--paper))}.recording-status{position:absolute;bottom:68px;right:14px;left:14px;background:#fff0f0;color:#a6282d;border:1px solid #f2b4b7;border-radius:12px;padding:9px 12px;display:flex;gap:8px;align-items:center;font-size:11px}.recording-status i{width:9px;height:9px;background:#e23d45;border-radius:50%;animation:recordPulse 1s infinite}.share-grid,.tool-share-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.share-card span{color:var(--coral);font-size:11px}.share-card p{color:var(--muted)}.shared-link{display:inline-flex;padding:9px 12px;border-radius:10px;background:color-mix(in srgb,var(--coral) 10%,var(--paper));color:var(--coral);font-weight:800;text-decoration:none}.share-options{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.share-options button,.share-response-form button{border:1px solid var(--coral);background:var(--paper);color:var(--coral);border-radius:10px;padding:8px 11px;font:700 11px inherit}.share-response-form{display:grid;gap:7px;margin-top:12px}.share-answers{border-top:1px solid var(--line);margin-top:12px;padding-top:8px}.share-answers blockquote{margin:5px 0;padding:7px 10px;border-right:3px solid var(--coral);background:color-mix(in srgb,var(--coral) 6%,var(--paper));font-size:11px}.tool-share{border:1px solid var(--line);border-radius:18px;padding:18px;display:grid;gap:9px}.tool-share h2{margin:0}.tool-share button:not(.primary){border:1px solid var(--line);background:var(--paper);color:var(--coral);border-radius:10px;padding:9px;font-family:inherit}.smart-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.modal-backdrop{position:fixed;inset:0;z-index:30;background:rgba(0,0,0,.55);display:grid;place-items:center;padding:18px}.modal{position:relative;width:min(500px,100%);background:var(--paper);color:var(--ink);border-radius:22px;padding:26px}.modal form{display:grid;gap:12px}.modal label{display:grid;gap:6px}.modal>button{position:absolute;left:12px;top:10px;border:0;background:none;color:inherit;font-size:25px}.friend-checks{display:grid;gap:7px;max-height:280px;overflow:auto}.friend-checks label{display:flex;align-items:center;gap:7px;padding:8px;border:1px solid var(--line);border-radius:10px}.friend-checks input{width:auto}.toast{position:fixed;z-index:50;left:50%;bottom:20px;transform:translate(-50%,80px);opacity:0;background:#191b22;color:#fff;padding:11px 18px;border-radius:12px;transition:.25s}.toast.show{transform:translate(-50%,0);opacity:1}@keyframes recordPulse{50%{transform:scale(1.45);opacity:.45}}@media(max-width:800px){.social-header nav a{display:none}.social-shell{grid-template-columns:1fr;margin-top:14px}.social-sidebar{position:static;grid-template-columns:repeat(4,1fr);overflow:auto}.profile-card{grid-column:1/-1}.social-tab{font-size:11px;padding:10px 6px;text-align:center}.social-panel{padding:18px;min-height:0}.user-grid,.share-grid,.tool-share-grid{grid-template-columns:1fr}.chat-layout{grid-template-columns:1fr}.conversation-list{border:0;border-bottom:1px solid var(--line);max-height:180px;overflow:auto}.conversation-view{min-height:480px}.conversation-view>form{grid-template-columns:1fr auto}.message-tools{grid-row:2}.send-message{grid-row:2}.media-button span{display:none}.panel-head.compact{align-items:flex-start;gap:10px}.social-header{height:66px}.social-message{max-width:90%}.smart-row{grid-template-columns:1fr}}
html[data-color-mode="dark"]{--ink:#f4efeb;--muted:#aaa2a0;--paper:#181b20;--cream:#101216;--line:#353a43}
:root{--social-bg:var(--cream);--social-surface:var(--paper);--social-text:var(--ink);--social-muted:var(--muted);--social-accent:var(--coral);--social-border:var(--line);--social-own-message:var(--coral);--games-bg:var(--cream);--games-card:var(--paper);--games-accent:var(--violet,#7356d8)}
body{background:var(--social-bg)!important;color:var(--social-text)!important;background-image:radial-gradient(circle at 95% 5%,color-mix(in srgb,var(--social-accent) 10%,transparent),transparent 30%),radial-gradient(circle at 5% 95%,color-mix(in srgb,var(--games-accent) 8%,transparent),transparent 28%)}.social-header,.social-sidebar,.social-panel,.modal{background:color-mix(in srgb,var(--social-surface) 94%,transparent)!important;color:var(--social-text)!important;border-color:var(--social-border)!important}.social-header{box-shadow:0 12px 40px color-mix(in srgb,var(--social-text) 8%,transparent)}.panel-head p,.conversation-item small,.chat-empty,.share-card p,.social-panel small{color:var(--social-muted)!important}.panel-head span,.profile-card button,.shared-link,.tool-share button:not(.primary){color:var(--social-accent)!important}.primary,.send-message,.search-form button{background:linear-gradient(135deg,var(--social-accent),color-mix(in srgb,var(--social-accent) 72%,var(--games-accent)))!important;box-shadow:0 12px 28px color-mix(in srgb,var(--social-accent) 22%,transparent)}.social-sidebar,.social-panel,.chat-layout,.user-card,.request-card,.conversation-item,.share-card,.tool-share{border-color:var(--social-border)!important}.social-tab.active{background:linear-gradient(90deg,color-mix(in srgb,var(--social-accent) 14%,var(--social-surface)),color-mix(in srgb,var(--games-accent) 7%,var(--social-surface)))}.conversation-view,.conversation-list{background:color-mix(in srgb,var(--social-surface) 97%,var(--social-bg))}.conversation-view header{background:color-mix(in srgb,var(--social-surface) 92%,var(--social-accent) 8%)}.social-message{background:color-mix(in srgb,var(--social-accent) 8%,var(--social-surface))!important;border-color:var(--social-border)!important;animation:messageIn .3s ease both}.social-message.own{background:var(--social-own-message)!important;color:#fff!important}.tool-share-grid{padding:4px}.tool-share{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--games-card),color-mix(in srgb,var(--games-bg) 80%,var(--games-accent) 5%));transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;animation:gameCardIn .45s both}.tool-share::before{content:"";position:absolute;width:100px;height:100px;border-radius:50%;top:-55px;left:-40px;background:color-mix(in srgb,var(--games-accent) 13%,transparent);pointer-events:none}.tool-share:nth-child(2n){--games-accent:var(--social-accent)}.tool-share:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--games-accent) 55%,var(--social-border));box-shadow:0 22px 50px color-mix(in srgb,var(--games-accent) 14%,transparent)}.tool-share h2{position:relative;font-size:19px}.tool-share h2::before{content:"";display:inline-block;width:9px;height:9px;border-radius:3px;margin-left:8px;background:var(--games-accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--games-accent) 12%,transparent);animation:gamePulse 2.3s infinite}.tool-share input,.tool-share textarea,.conversation-view input,.modal input,.modal textarea{background:color-mix(in srgb,var(--social-surface) 96%,var(--social-bg))!important;color:var(--social-text)!important;border-color:var(--social-border)!important}.tool-share input:focus,.tool-share textarea:focus,.conversation-view input:focus{outline:2px solid color-mix(in srgb,var(--games-accent) 34%,transparent);border-color:var(--games-accent)!important}.social-message img{box-shadow:0 10px 30px rgba(0,0,0,.16)}html[data-social-density="compact"] .social-panel{padding:18px}html[data-social-density="compact"] .tool-share{padding:13px}html[data-motion="playful"] .tool-share:hover{transform:translateY(-7px) rotate(.4deg)}
@keyframes messageIn{from{opacity:0;transform:translateY(8px) scale(.98)}}@keyframes gameCardIn{from{opacity:0;transform:translateY(16px)}}@keyframes gamePulse{50%{transform:rotate(45deg) scale(1.2)}}@media(prefers-reduced-motion:reduce){.tool-share,.social-message,.tool-share h2::before{animation:none!important;transition:none!important}}