:root body .header-personal{gap:8px}
:root body .social-button{color:#d5d3cd;margin-inline-end:8px}
.social-panel{position:fixed;z-index:151;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;background:#1b1c1b;border:1px solid #ffffff20;border-radius:22px;color:#e5e1d8;box-shadow:0 20px 65px #0009;animation:notification-enter .13s ease-out}
.social-panel *{box-sizing:border-box}.social-panel [hidden]{display:none!important}
.social-panel button,.social-panel input,.social-panel textarea{font:inherit;color:inherit}
.social-panel button{cursor:pointer}.social-panel button:disabled{cursor:default;opacity:.5}
.social-panel button:focus-visible,.social-panel input:focus-visible,.social-panel textarea:focus-visible{outline:2px solid #cfc6b2;outline-offset:-2px}
.social-heading{display:flex;align-items:center;gap:10px;padding:16px 16px 9px;flex-shrink:0}
.social-heading h2{font-size:19px;font-weight:650;letter-spacing:-.3px;margin:0;flex:1}
.social-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:0;border-radius:11px;background:transparent;color:#bdbab2!important;padding:9px}
.social-icon svg{width:21px;height:21px}.social-icon:hover{background:#ffffff09;color:#f1ece2!important}
.social-discovery{padding:0 16px 12px;flex-shrink:0}
.social-search{display:flex;align-items:center;gap:10px;height:44px;border:1px solid #ffffff13;background:#111211;border-radius:12px;padding:0 12px}
.social-search>svg{width:18px;height:18px;flex:none;color:#939087}.social-search input{background:none;border:0;min-width:0;width:100%;height:100%;font-size:13px;outline:none}
.social-tabs{display:flex;gap:5px;background:#ffffff04;padding:4px;margin-top:12px;border-radius:12px}
.social-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:37px;background:none;border:0;border-radius:9px;font-size:13px;color:#a7a39a}
.social-tabs button[aria-selected=true]{background:#ffffff0b;color:#e8e3d9;box-shadow:0 1px 4px #0002}
.social-tabs span{font-size:10px;background:#c9c0ac;color:#20211e;padding:2px 5px;border-radius:7px}
.social-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:0 9px 12px}
.social-empty{text-align:center;padding:32px 24px;color:#a6a198}.social-empty>span{display:grid;place-items:center;width:58px;height:58px;border:1px solid #ffffff12;background:#ffffff04;border-radius:19px;margin:0 auto 18px}
.social-empty svg{width:27px;height:27px}.social-empty h3{font-size:16px;line-height:1.5;color:#dcd7cd;margin:0 0 8px;font-weight:550}.social-empty p{font-size:13px;line-height:1.7;margin:0;max-width:300px;margin-inline:auto}
.social-loading{padding:30px;text-align:center;color:#a7a298;font-size:13px}
.social-row{display:flex;align-items:center;gap:4px;border-radius:13px;padding:5px}.social-row:hover,.social-chat-row:hover{background:#ffffff06}
.social-person{display:flex;align-items:center;gap:11px;min-width:0;flex:1;text-align:left;border:0;background:none;padding:8px 4px}
.social-avatar{width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:#ffffff06;border:1px solid #ffffff13;display:grid;place-items:center;overflow:hidden;color:#c6c0b1}
.social-avatar img{width:100%;height:100%;object-fit:cover}.social-avatar svg{width:29px;height:29px}
.social-person>span:last-child{min-width:0;display:grid;gap:4px}.social-person strong,.social-chat-copy strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.social-person small{font-size:11px;color:#99958c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.social-action{min-height:36px;padding:7px 11px;border:1px solid #ffffff18;background:#ffffff05;border-radius:10px;font-size:12px;line-height:1.4}
.social-action:hover{background:#ffffff0d}.social-row-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end;max-width:150px}
.social-label{margin:14px 9px 6px;font-size:11px;font-weight:600;color:#b4afa3}
.social-details{border-top:1px solid #ffffff0d;margin:12px 6px 0;font-size:12px}.social-details summary{cursor:pointer;min-height:44px;padding:14px 4px;color:#99958c}.social-details>.social-action{margin:0 0 12px}
.social-chat-row{display:flex;gap:11px;align-items:center;width:100%;text-align:left;background:none;border:0;border-radius:13px;padding:13px 9px}
.social-chat-copy{min-width:0;display:grid;gap:6px;flex:1}.social-chat-copy>span{font-size:12px;color:#a7a298;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.social-chat-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:none}.social-chat-meta time{font-size:10px;color:#8e8b83}.social-chat-meta b{background:#ccc3af;border-radius:10px;color:#22231f;padding:2px 6px;font-size:10px}
.social-error{flex-shrink:0;font-size:12px;line-height:1.5;color:#e1b8a9;padding:10px 16px;margin:0;background:#60453825}
.social-primary{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 16px;border:0;border-radius:11px;background:#cfc6b2;color:#242521!important;font-size:13px;font-weight:600}
.social-primary svg{width:18px;height:18px}.social-login{display:flex;margin:0 auto 24px}.social-text-button{border:0;background:none;color:#aaa599!important;font-size:11px;padding:10px;min-height:40px}
.social-profile-intro{text-align:center;margin:0 3px;padding:24px 18px 16px;border-radius:16px;background:linear-gradient(155deg,#33332b,#1c1e1b)}
.social-profile-intro.cover-nebula{background:linear-gradient(155deg,#353138,#1c1d1c)}.social-profile-intro.cover-ember{background:linear-gradient(155deg,#393127,#1e1d1a)}
.social-profile-intro>.social-avatar{width:66px;height:66px;margin:0 auto 12px}.social-profile-intro>.social-avatar svg{width:45px;height:45px}
.social-profile-intro h3{font-size:21px;line-height:1.35;margin:0 0 5px;overflow-wrap:anywhere}.social-profile-intro>p{font-size:12px;color:#a9a396;margin:0 0 10px;overflow-wrap:anywhere}
.social-profile-intro .social-bio{font-size:13px;line-height:1.65;color:#c4bfb3;margin-top:12px;white-space:pre-wrap}
.social-profile-actions{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-top:17px}
.social-profile-section{padding:19px 10px 4px}.social-profile-section h3{margin:0 0 12px;font-size:14px;font-weight:600}.social-profile-section h3 small{font-size:11px;margin-left:5px;color:#918d83}
.social-muted,.social-private{font-size:12px;line-height:1.7;color:#999589;margin:0}.social-private{padding:12px;background:#ffffff03;border:1px dashed #ffffff12;border-radius:10px}
.social-achievements{display:flex;flex-wrap:wrap;gap:6px}.social-achievements>span{font-size:11px;line-height:1.5;background:#ffffff05;border:1px solid #ffffff10;border-radius:9px;padding:7px 9px;color:#c7c0af}
.social-title-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.social-title-card{display:flex;align-items:center;gap:9px;min-width:0;text-align:left;padding:7px;border:1px solid #ffffff0c;border-radius:10px;background:#ffffff03}
.social-title-card img,.social-poster-placeholder{width:34px;height:49px;object-fit:cover;border-radius:5px;flex:0 0 34px;background:#35362f}.social-poster-placeholder{display:grid;place-items:center}.social-poster-placeholder svg{width:18px}
.social-title-card>span:last-child{min-width:0;display:grid;gap:4px}.social-title-card strong{font-size:11px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.social-title-card small{font-size:10px;color:#939084}
.social-activity{display:grid;gap:5px;width:100%;padding:10px 0;text-align:left;border:0;border-bottom:1px solid #ffffff09;background:none}.social-activity strong{font-size:12px;font-weight:500}.social-activity span{font-size:11px;color:#979286}
.social-body.is-chat{display:flex;flex-direction:column;overflow:hidden;padding:0}
.social-chat-peer{display:flex;align-items:center;gap:10px;background:#ffffff03;border:0;border-bottom:1px solid #ffffff0d;padding:10px 17px;text-align:left;width:100%;flex-shrink:0}
.social-chat-peer .social-avatar{width:34px;height:34px;flex-basis:34px}.social-chat-peer .social-avatar svg{width:24px;height:24px}
.social-chat-peer>span:last-child{display:grid;gap:3px}.social-chat-peer strong{font-size:13px}.social-chat-peer small{font-size:10px;color:#979285}
.social-messages{flex:1;min-height:0;overflow:auto;padding:16px;overscroll-behavior:contain;scrollbar-width:thin}
.social-message{max-width:88%;width:fit-content;margin:0 0 10px;padding:10px 12px 7px;background:#ffffff07;border:1px solid #ffffff09;border-radius:14px 14px 14px 4px}
.social-message.is-mine{margin-left:auto;background:#3d3c31;border-color:#9c91792b;border-radius:14px 14px 4px 14px}
.social-message p{font-size:13px;line-height:1.6;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.social-message time{display:block;text-align:right;color:#989284;font-size:9px;margin-top:5px}
.social-compose{display:grid;grid-template-columns:1fr 42px;gap:7px;flex-shrink:0;padding:12px 14px;border-top:1px solid #ffffff0e;background:#1b1c1b}
.social-compose textarea{resize:none;min-width:0;width:100%;max-height:120px;min-height:52px;background:#111211;border:1px solid #ffffff13;border-radius:12px;padding:10px 12px;font-size:13px;line-height:1.5}
.social-send{border:0;background:#cfc6b2;border-radius:12px;display:grid;place-items:center;width:42px;height:44px;color:#232420!important;align-self:center}
.social-send svg{width:21px;height:21px}.social-compose small{grid-column:1/-1;color:#8c887f;font-size:10px;line-height:1.4}
.social-older{display:block;margin:0 auto 15px;background:none;border:0;color:#aaa391!important;font-size:11px;min-height:36px}
@media(max-width:620px){:root body .header-personal{gap:2px}:root body .header-personal .header-account{width:114px;max-width:114px}:root body .header-personal .notification-bell{flex-basis:40px;width:40px;height:44px;padding:9px}.social-panel{border-radius:18px}.social-search input,.social-compose textarea{font-size:16px}.social-compose small{font-size:9px}}
@media(max-width:380px){:root body .header-personal .header-account{width:54px;max-width:54px;padding:2px}:root body .header-account .header-profile-copy,:root body .header-account .profile-copy{display:none}:root body .header-personal .notification-bell{width:38px;flex-basis:38px}.social-row-actions{max-width:95px}.social-title-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.social-panel{animation:none}}:root[data-motion=reduced] .social-panel{animation:none}

@media(max-width:620px){:root body .social-button{margin-inline-end:4px}}