.social-screen{padding-top:0!important;padding-left:0!important;padding-right:0!important;background:var(--surface,#fff)}
.social-topbar{height:68px;padding:12px 17px 8px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--surface,#fff)}
.social-topbar>div:first-child{display:flex;flex-direction:column;gap:1px}.social-topbar small{font-size:7px;letter-spacing:.16em;color:var(--muted);font-weight:900}.social-topbar h1{font-size:24px;line-height:1;margin:0;color:var(--ink)}
.social-top-actions{display:flex;align-items:center;gap:8px}.social-top-actions button{width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:14px;display:grid;place-items:center}.social-top-actions img{width:21px;height:21px}.social-top-actions .social-compose-button{background:#0879df;border-color:#0879df;box-shadow:0 8px 18px rgba(8,121,223,.2)}
.social-tabs{height:45px;padding:0 17px;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:3;isolation:isolate}.social-tabs button{position:relative;border:0;background:transparent;color:var(--muted);font-size:11px;font-weight:850}.social-tabs button.active{color:var(--ink)}.social-tabs button.active:after{content:"";position:absolute;left:32%;right:32%;bottom:0;height:3px;border-radius:3px 3px 0 0;background:#0879df}
.social-identity-strip{min-height:52px;margin:10px 14px 5px;padding:8px 10px;border:1px solid #e1e5e8;border-radius:16px;background:#f4f5f6;display:flex;align-items:center;gap:9px}.social-identity-strip>img{width:34px;height:34px;border-radius:11px;object-fit:cover}.social-identity-strip>span{min-width:0;display:flex;flex:1;flex-direction:column;gap:2px}.social-identity-strip b{font-size:10px;display:flex;align-items:center;gap:4px}.social-identity-strip b img{width:14px;height:14px}.social-identity-strip small{font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-identity-strip button{border:0;background:transparent;color:#0879df;font-size:9px;font-weight:900;padding:8px}.social-identity-strip.guest>span:first-child{width:34px;height:34px;border-radius:11px;background:#fff;display:grid;place-items:center}.social-identity-strip.guest>span:first-child img{width:21px;height:21px}
.social-feed{padding-bottom:88px}.social-loading{height:180px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:var(--muted)}.social-loading span{width:24px;height:24px;border:2px solid #d8e5ef;border-top-color:#0879df;border-radius:50%;animation:socialSpin .8s linear infinite}.social-loading b{font-size:9px}@keyframes socialSpin{to{transform:rotate(360deg)}}
.social-empty{margin:24px 17px;border:1px solid var(--line);border-radius:22px;padding:30px 20px;text-align:center;background:#fafbfc}.social-empty>span{width:50px;height:50px;margin:0 auto 12px;border-radius:17px;background:#e8f5ff;display:grid;place-items:center}.social-empty img{width:27px;height:27px}.social-empty b{display:block;font-size:14px}.social-empty small{display:block;margin:7px auto 14px;max-width:240px;color:var(--muted);font-size:9px;line-height:1.55}
.social-post{padding:13px 15px 9px;display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;border-bottom:1px solid var(--line);background:#fff}.social-post-avatar{width:42px;height:42px;border-radius:14px;object-fit:cover;background:#101820}.social-post-main{min-width:0}.social-post-head{display:flex;align-items:center;gap:4px;min-width:0}.social-post-head strong{max-width:42%;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-post-head .social-blue-v{width:15px;height:15px;flex:0 0 auto}.social-post-head small{min-width:0;color:var(--muted);font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-post-head time{margin-left:auto;color:var(--muted);font-size:8px;white-space:nowrap}.social-post-menu{width:25px;height:25px;margin-left:2px;border:0;background:transparent;display:grid;place-items:center}.social-post-menu img{width:17px;height:17px;opacity:.68}
.social-community-badge{flex:0 0 auto;padding:3px 5px;border-radius:7px;background:#edf1f4;color:#5a6875;font-size:7px;font-weight:900;line-height:1;white-space:nowrap}.social-load-more{padding:16px 15px 105px;display:flex;flex-direction:column;align-items:center;gap:7px;background:#fff}.social-load-more button{min-width:138px;height:39px;border:1px solid var(--line);border-radius:13px;background:#f5f7f8;color:var(--ink);font:850 9px inherit}.social-load-more button:disabled{opacity:.55}.social-load-more small{color:var(--muted);font-size:7px}
.social-post-content{margin:5px 0 8px;color:var(--ink);font-size:11px;line-height:1.58;white-space:pre-wrap;overflow-wrap:anywhere}.social-post-content .social-hashtag{color:#0879df;font-weight:750}.social-post-image{width:100%;max-height:330px;object-fit:cover;border-radius:16px;border:1px solid var(--line);display:block;margin:7px 0 8px;background:#eef1f3}
.social-x-avatar-link{display:block;width:42px;height:42px}.social-x-head strong{max-width:48%}.social-x-head time a{color:inherit;text-decoration:none}.social-x-logo{width:24px;height:24px;margin-left:2px;border-radius:8px;display:grid;place-items:center}.social-x-logo img{width:14px;height:14px}.social-x-content a{color:#0879df;text-decoration:none}.social-x-media{display:block;text-decoration:none}.social-x-footer{height:31px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:4px}.social-x-footer span{color:var(--muted);font-size:7px}.social-x-footer a{color:#0879df;font-size:8px;font-weight:900;text-decoration:none}
.social-post-actions{height:31px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;margin-left:-7px}.social-post-actions button{border:0;background:transparent;color:#647488;display:flex;align-items:center;justify-content:flex-start;gap:3px;padding:6px 7px;font-size:8px;font-weight:750}.social-post-actions img{width:17px;height:17px}.social-post-actions button.active.like{color:#e64d73}.social-post-actions button.active.like img{filter:brightness(0) saturate(100%) invert(44%) sepia(67%) saturate(1199%) hue-rotate(303deg) brightness(96%)}.social-post-actions button.active.repost{color:#0c9a6d}.social-post-actions button.active.repost img{filter:brightness(0) saturate(100%) invert(52%) sepia(59%) saturate(686%) hue-rotate(112deg)}
.social-floating-compose{position:absolute;right:17px;bottom:88px;width:50px;height:50px;border:0;border-radius:18px;background:#0879df;box-shadow:0 12px 28px rgba(8,121,223,.28);display:grid;place-items:center;z-index:7}.social-floating-compose img{width:24px;height:24px}
.social-compose-profile{display:flex;align-items:center;gap:10px;margin-bottom:12px}.social-compose-profile>img{width:42px;height:42px;border-radius:14px;object-fit:cover}.social-compose-profile>span{display:flex;flex-direction:column;gap:3px}.social-compose-profile b{font-size:11px;display:flex;align-items:center;gap:4px}.social-compose-profile b img{width:14px;height:14px}.social-compose-profile small{font-size:8px;color:var(--muted)}.social-compose-text{width:100%;min-height:150px;resize:none;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font:500 13px/1.65 inherit;padding:3px 1px 12px;outline:0}.social-compose-tools{height:48px;display:flex;align-items:center;justify-content:space-between}.social-compose-tools button{border:0;background:transparent;color:#0879df;display:flex;align-items:center;gap:6px;font-size:9px;font-weight:850}.social-compose-tools button img{width:21px;height:21px}.social-compose-tools span{font-size:8px;color:var(--muted)}.social-image-preview{position:relative;margin:5px 0 12px}.social-image-preview img{width:100%;max-height:300px;object-fit:cover;border:1px solid var(--line);border-radius:18px}.social-image-preview button{position:absolute;right:8px;top:8px;width:29px;height:29px;border:0;border-radius:11px;background:rgba(8,20,34,.72);display:grid;place-items:center}.social-image-preview button img{width:16px;height:16px;filter:brightness(0) invert(1);border:0}.social-publish-note{display:flex;align-items:center;gap:7px;margin:3px 0 12px;color:var(--muted);font-size:8px;line-height:1.5}.social-publish-note img{width:18px;height:18px}
.social-profile-editor{display:grid;gap:10px}.social-blue-preview{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #cfe8ff;border-radius:16px;background:#eef8ff}.social-blue-preview>img{width:32px;height:32px}.social-blue-preview span{display:flex;flex-direction:column;gap:3px}.social-blue-preview b{font-size:10px}.social-blue-preview small{font-size:8px;color:var(--muted);line-height:1.45}
.social-thread-post{border:1px solid var(--line);border-radius:19px;margin-bottom:13px;overflow:hidden}.social-thread-post .social-post{border:0}.social-comments{display:grid;gap:0;border-top:1px solid var(--line)}.social-comment{display:grid;grid-template-columns:34px 1fr;gap:8px;padding:11px;border-bottom:1px solid var(--line)}.social-comment:last-child{border-bottom:0}.social-comment>img{width:34px;height:34px;border-radius:11px;object-fit:cover}.social-comment p{margin:0;min-width:0}.social-comment b{font-size:9px;display:flex;align-items:center;gap:3px}.social-comment b img{width:13px;height:13px}.social-comment small{font-size:7px;color:var(--muted)}.social-comment span{display:block;margin-top:4px;font-size:9px;line-height:1.5}.social-comment-empty{padding:18px;text-align:center;color:var(--muted);font-size:9px}.social-comment-form{display:flex;gap:7px;margin-top:10px}.social-comment-form input{flex:1;min-width:0;border:1px solid var(--line);border-radius:14px;background:#f5f7f9;color:var(--ink);padding:11px;font:9px inherit}.social-comment-form button{border:0;border-radius:13px;background:#0879df;color:#fff;padding:0 14px;font-size:9px;font-weight:900}

html[data-theme="dark"] .social-screen,html[data-theme="dark"] .social-tabs,html[data-theme="dark"] .social-post,html[data-theme="dark"] .social-top-actions button,html[data-theme="dark"] .social-load-more{background:#111b21;color:var(--ink)}html[data-theme="dark"] .social-identity-strip,html[data-theme="dark"] .social-empty{background:#1f2a30;border-color:#34434b}html[data-theme="dark"] .social-compose-text{color:var(--ink)}html[data-theme="dark"] .social-comment-form input{background:#1c282f;border-color:#34434b;color:var(--ink)}html[data-theme="dark"] .social-blue-preview{background:#142d41;border-color:#28506d}html[data-theme="dark"] .social-community-badge{background:#27343b;color:#b8c6ce}html[data-theme="dark"] .social-load-more button{background:#1f2a30;border-color:#34434b;color:var(--ink)}html[data-theme="dark"] .social-x-logo img{filter:brightness(0) invert(1)}
@media(max-width:360px){.social-post{padding-left:12px;padding-right:12px;grid-template-columns:38px minmax(0,1fr);gap:8px}.social-post-avatar{width:38px;height:38px;border-radius:13px}.social-post-head strong{max-width:38%}.social-identity-strip{margin-left:11px;margin-right:11px}}
[data-screen="social"] .social-post-head .social-gold-v{width:15px;height:15px;flex:0 0 auto}