.social-feed{max-width:680px;margin:0 auto 18px;background:#fff;border:1px solid #e9ebee;border-radius:10px;overflow:hidden}.social-feed-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #edf0f2}.social-feed-title{padding:0;border:0;background:none;font:inherit;font-size:16px;font-weight:600;color:#292d33}.social-publish,.social-action,.social-view-all{border:0;background:none;font:inherit;color:#515862;cursor:pointer}.social-publish{font-size:13px}.social-post{padding:20px;border-bottom:1px solid #edf0f2;min-width:0}.social-post-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.social-author{display:flex;align-items:center;gap:12px;padding:0;background:none;border:0;color:#292e35;min-width:0;font:inherit;text-align:left}.social-author .avatar{width:40px;height:40px;border-radius:9px;flex:none}.social-author strong{font-size:14px;overflow-wrap:anywhere}.social-post time{font-size:11px;color:#9399a2;flex:none}.social-post-body{font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;margin:14px 0}.social-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:12px 0;max-width:440px}.social-photos[data-count="1"]{display:block;max-width:400px}.social-photo{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;cursor:pointer}.social-photos[data-count="1"] .social-photo{aspect-ratio:4/3}.social-post-actions{display:flex;align-items:center;gap:20px;margin-top:14px;flex-wrap:wrap}.social-action{font-size:12px;padding:6px 0;min-height:32px}.social-action[aria-pressed=true]{color:#22262d}.social-visibility,.social-note{color:#9299a3;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.social-view-all{display:block;width:100%;padding:16px;font-size:13px}.social-empty{padding:30px 20px;text-align:center}.social-empty strong{font-size:15px}.social-empty p{font-size:13px;color:#9299a3;line-height:1.8}.social-feed-tabs{display:flex;gap:8px;padding:12px 20px}.social-feed-tabs [aria-pressed=true]{background:#292d33;color:white}.social-feed>.secondary{display:block;margin:16px auto}.social-feed>.social-note{padding:0 20px}.social-editor{display:flex;flex-direction:column;gap:14px;min-width:0}.social-editor textarea{width:100%;min-height:150px;resize:vertical;padding:14px;border:1px solid #e1e5ea;border-radius:8px;font:inherit;font-size:14px;line-height:1.8}.social-editor input:not([type=file]),.social-editor select{width:100%;padding:12px;border:1px solid #e1e5ea;border-radius:7px;background:#fff;font:inherit;font-size:13px;min-width:0}.social-editor label{font-size:13px;color:#69717d}.social-editor .social-photos:empty{display:none}.social-editor .social-cover{width:100%;max-height:190px;object-fit:cover;border-radius:8px}.social-profile{max-width:680px}.social-profile-identity{display:flex;align-items:center;gap:16px;margin:20px 0 6px}.social-profile-identity .avatar{width:68px;height:68px;border-radius:14px;font-size:24px}.social-profile-identity h2{font-size:23px;margin:0;color:#252a31}.social-cover{display:block;width:100%;height:170px;object-fit:cover;background:#eceef1;cursor:pointer}.social-account{color:#969da6;font-size:12px}.social-bio{font-size:14px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.social-tags{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0 22px}.social-tags span{background:#f2f3f5;border-radius:6px;padding:5px 10px;color:#69717a;font-size:12px}.social-profile-actions{display:flex;gap:10px;margin:16px 0}.social-profile-actions>*{flex:1}.social-section-title{font-size:15px;padding:18px 0;border-top:1px solid #e7e9ed;margin:20px 0 0}.social-profile .social-post{padding-inline:0}.social-large-image{display:block;width:100%;max-height:75dvh;object-fit:contain}.social-reply-quote{padding:14px;background:#f4f5f7;color:#7a838f;border-radius:6px;white-space:pre-wrap;font-size:13px;line-height:1.7}.social-publish-header{margin-left:auto;font-size:13px}.keep-contact-card{align-self:center;width:min(360px,calc(100% - 32px));padding:22px;margin:18px auto;background:#fff;border:1px solid #e5e8ec;border-radius:10px;box-sizing:border-box;text-align:center}.keep-contact-card strong{display:block;color:#292d34;font-size:16px}.keep-contact-card p{font-size:13px;line-height:1.8;color:#8b929d;margin:12px 0 18px;white-space:normal}.keep-contact-card a{display:block;text-decoration:none!important;padding:12px;font-size:13px;background:#292d33;color:#fff!important;border-radius:7px}.keep-contact-card button{margin-top:10px;font-size:12px;color:#9097a1}.public-personal-card{margin:0;background:#f5f6f7;color:#292d34;font-family:system-ui,"Microsoft YaHei",sans-serif}.public-card-shell{max-width:480px;margin:24px auto;background:#fff;border:1px solid #e7e9ed;border-radius:12px;overflow:hidden}.public-card-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #e9ebee}.public-card-heading a{text-decoration:none;color:#69717d;font-size:13px}.public-card-heading strong{font-size:15px}.public-card-body{padding:0 22px 24px}.public-card-body>.social-cover{margin:0 -22px;width:calc(100% + 44px)}.public-card-body .avatar{display:flex;align-items:center;justify-content:center;background:#edeff1;overflow:hidden}.public-card-body .avatar img{width:100%;height:100%;object-fit:cover}.public-card-actions{display:grid;gap:10px;margin-top:22px}.public-card-actions a,.public-card-actions button{display:block;text-align:center;width:100%;box-sizing:border-box;min-height:44px;border:1px solid #dfe3e8;border-radius:7px;padding:12px;text-decoration:none;background:#fff;color:#343a43;font:inherit;font-size:14px;cursor:pointer}.public-card-actions .primary{background:#292d33;color:white;border-color:#292d33}.public-card-caption{text-align:center;font-size:12px;color:#a0a6ae;margin:15px 0 0}.public-card-body .social-post{padding-inline:0}.public-card-body .social-post-body{font-size:13px}.public-card-body .social-post .social-photos{max-width:100%}.social-error{padding:30px 22px;font-size:14px;color:#8a929e;text-align:center}
@media(max-width:759px){.social-feed{border:0;border-radius:0;margin-bottom:12px}.social-feed-heading,.social-post{padding:17px 16px}.discover-home-body:has(.social-feed){padding:0 0 24px}.social-post-body{font-size:15px}.social-profile-identity h2{font-size:22px}.social-photos{max-width:100%}.public-card-shell{margin:0;border:0;border-radius:0;min-height:100dvh}.public-personal-card{background:#fff}.public-card-actions{padding-bottom:env(safe-area-inset-bottom,0px)}}

.social-photo-dialog{max-width:min(960px,95vw);max-height:95dvh;padding:16px;border:1px solid #e1e4e9;border-radius:10px;background:#fff}.social-photo-dialog::backdrop{background:#111b}.social-photo-dialog>button{display:block;margin:12px auto 0}.social-profile-entry{font-size:13px;padding:14px 24px;color:#6c7580}

.social-publish-header{border:0;background:none;padding:8px 12px;font:inherit;font-size:13px;color:#515862}.social-photo-choice{position:relative;min-width:0}.social-photo-remove{position:absolute;right:3px;top:3px;width:26px;height:26px;min-height:0;border:0;border-radius:50%;background:#292d33cc;color:white;font-size:19px;line-height:1;cursor:pointer}.social-profile-identity h1{font-size:25px;margin:0;overflow-wrap:anywhere}.social-photo-choice .social-photo{aspect-ratio:1}

.discover-heading .social-publish-header{position:absolute;right:16px;top:var(--main-heading-inset,0px);bottom:0;margin-block:auto;height:36px;min-height:36px}.social-feed-heading .social-view-all{width:auto;padding:0;font-size:12px;color:#939aa3}

/* Moments: personal album cover, left avatar and a flat reading column. */
.moments-feed{border:0;border-radius:0;margin:0 auto;max-width:680px;overflow:visible;background:#fff}.moments-cover{height:290px;position:relative;margin-bottom:26px;background:#d8dce1}.moments-cover-photo{position:absolute;inset:0;overflow:hidden;background:linear-gradient(145deg,#dfe2e6,#adb5bf)}.moments-cover-photo img{display:block;width:100%;height:100%;object-fit:cover}.moments-cover-edit{position:absolute;top:16px;right:18px;border:0;border-radius:4px;background:#292d3355;color:white;font-size:11px;padding:7px 10px;cursor:pointer}.moments-self{position:absolute;right:22px;bottom:-20px;display:flex;align-items:center;gap:14px;padding:0;border:0;background:none;cursor:pointer;text-align:right}.moments-self strong{font-size:18px;font-weight:600;color:white;text-shadow:0 1px 5px #0007;max-width:220px;overflow-wrap:anywhere}.moments-self .avatar{width:68px;height:68px;border:3px solid white;border-radius:9px;flex:none;font-size:24px}.moments-bio{min-height:18px;text-align:right;color:#9299a1;font-size:12px;line-height:1.8;padding:0 23px 18px;margin:0;overflow-wrap:anywhere}.moments-feed .social-feed-tabs{justify-content:flex-start;gap:24px;padding:6px 22px 12px;border-bottom:1px solid #edf0f2}.moments-feed .social-feed-tabs button{position:relative;min-height:36px;padding:7px 0;border:0;border-radius:0;background:transparent;color:#a0a6ae;font-size:13px;box-shadow:none}.moments-feed .social-feed-tabs button[aria-pressed=true]{color:#343b44;background:transparent}.moments-feed .social-feed-tabs button[aria-pressed=true]:after{position:absolute;content:'';height:2px;width:18px;background:#444b54;bottom:0;left:calc(50% - 9px)}.moments-post{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:12px;padding:22px;border-bottom:1px solid #eceef1;background:white}.moments-avatar{align-self:start;padding:0;border:0;background:none;border-radius:6px;cursor:pointer}.moments-avatar .avatar{width:44px;height:44px;border-radius:6px;font-size:18px;flex:none}.moments-post-main{min-width:0}.moments-name{display:block;border:0;padding:0;background:none;color:#536175;font-size:15px;font-weight:600;line-height:1.55;cursor:pointer;text-align:left;overflow-wrap:anywhere}.moments-post .social-post-body{margin:5px 0 10px;font-size:15px;line-height:1.7;color:#30363f}.moments-post .social-photos{margin:9px 0 5px;width:min(100%,288px);gap:4px}.moments-post .social-photo{border-radius:2px;aspect-ratio:1}.moments-post .social-photos[data-count="1"]{max-width:260px;display:block}.moments-post .social-photos[data-count="1"] .social-photo{aspect-ratio:auto;max-height:340px;height:auto;object-fit:cover}.moments-post-footer{display:flex;align-items:center;gap:10px;min-height:36px;margin-top:8px;min-width:0}.moments-post-footer time{font-size:11px;color:#a0a6ae;line-height:1.6;flex:none}.moments-post-footer .social-action{font-size:11px;color:#7c8796;min-height:32px;white-space:nowrap}.moments-interaction{position:relative;margin-left:auto;flex:none}.moments-more{display:flex;align-items:center;justify-content:center;width:36px;min-height:32px;border:0;border-radius:4px;background:transparent;color:#7b8899;cursor:pointer;padding:4px}.moments-more svg{width:23px;height:23px}.moments-more:hover,.moments-more[aria-expanded=true]{background:#f1f3f5}.moments-actions{position:absolute;right:42px;bottom:0;display:flex;align-items:center;border-radius:5px;background:#3c4148;box-shadow:0 2px 10px #0001;z-index:10;padding:0 4px;min-height:36px;white-space:nowrap}.moments-actions[hidden]{display:none!important}.moments-action{min-height:36px;padding:7px 13px;border:0;background:none;color:white;font-size:12px;font:inherit;font-size:12px;cursor:pointer;white-space:nowrap}.moments-action+.moments-action{border-left:1px solid #ffffff1a}.moments-action:hover{background:#ffffff12}.moments-reactions{position:relative;background:#f4f5f7;color:#718095;border-radius:3px;padding:10px 12px;margin-top:5px;font-size:12px;line-height:1.6}.moments-reactions:before{content:'';position:absolute;top:-5px;left:12px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #f4f5f7}.moments-reactions[hidden]{display:none!important}.social-profile .moments-post{padding:20px 0}.moments-feed>.social-note:empty{display:none}.moments-feed>.social-note{font-size:12px}.moments-feed>.secondary{font-size:12px;border:0;background:transparent;color:#959da7}.moments-feed .social-empty{padding:50px 20px}.moments-feed .social-empty strong{font-size:14px;font-weight:400}
@media(max-width:759px){.moments-cover{height:236px}.moments-self{right:18px}.moments-self .avatar{width:64px;height:64px}.moments-self strong{font-size:17px;max-width:210px}.moments-post{padding:19px 16px;grid-template-columns:42px minmax(0,1fr);column-gap:11px}.moments-avatar .avatar{width:42px;height:42px}.moments-bio{padding-inline:18px}.moments-feed .social-feed-tabs{padding-inline:16px}.moments-post .social-photos{width:min(100%,270px)}.moments-post .social-photos[data-count="1"]{max-width:240px}.moments-name{font-size:15px}}

/* Card editor uses the same monochrome controls as account settings. */
.social-card-editor{gap:12px}.card-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-section-heading h3{margin:0;font-size:13px;font-weight:500;color:#606a77}.social-card-editor button{font:inherit;font-size:13px;cursor:pointer;box-sizing:border-box;touch-action:manipulation}.social-card-editor .secondary{min-height:40px;border:1px solid #e1e5ea;border-radius:8px;padding:9px 14px;background:#fff;color:#343b44;box-shadow:none}.social-card-editor button:disabled{opacity:.45;cursor:default}.social-card-editor button:focus-visible{outline:2px solid #737d8b;outline-offset:3px}.social-card-editor button:hover:not(:disabled){filter:brightness(.97)}.card-text-button{min-height:32px;padding:4px 0;border:0;background:none;color:#8a929f}.card-cover-frame{position:relative;aspect-ratio:2/1;background:#f3f4f6;border:0;box-shadow:inset 0 0 0 1px #e5e8ed;border-radius:9px;overflow:hidden;display:flex;align-items:center;justify-content:center}.card-cover-frame>canvas,.card-cover-frame>img{display:block;width:100%;height:100%;object-fit:cover}.card-cover-frame>canvas{touch-action:none;cursor:grab}.card-cover-frame>canvas:active{cursor:grabbing}.card-cover-frame [hidden]{display:none!important}.card-cover-placeholder{color:#a0a7b1;font-size:12px}.card-cover-actions{display:flex;gap:10px;margin-top:12px}.card-cover-actions .secondary{flex:1;padding-inline:10px}.card-cover-actions [hidden],.card-cover-tools[hidden]{display:none!important}.card-cover-tools{margin-top:12px;padding:12px;background:#f7f8f9;border-radius:8px}.card-cover-modes{display:flex;gap:8px}.card-cover-modes .secondary{flex:1;font-size:12px;padding:6px;min-height:36px;background:transparent}.card-cover-modes [aria-pressed=true]{background:#e9ecf0;color:#252a32;border-color:#d6dbe2}.card-cover-range{display:flex;align-items:center;gap:10px;margin-top:10px}.card-cover-range .secondary{flex:none;min-height:36px;width:36px;padding:0;font-size:20px;background:#fff}.social-card-editor .card-cover-range input{flex:1;min-width:0;width:0;padding:0;accent-color:#353b43;border:0;background:transparent}.card-cover-range output{min-width:38px;font-size:11px;text-align:right;color:#848e9b;font-variant-numeric:tabular-nums}.card-cover-tools .social-note{margin:10px 0 0;font-size:11px}.social-card-editor>label{margin-top:8px}.card-field-hint{margin-top:-5px;color:#9ba3ae;font-size:11px}.card-profile-link{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:12px 0;margin-top:4px;border:0;border-block:1px solid #eef0f3;background:none;color:#535e6d;text-align:left}.card-profile-link:after{content:'›';color:#a4acb7;font-size:20px}.social-card-editor>.social-note{margin:0}.social-card-editor>.social-note:empty{display:none}.card-save-actions{margin-top:4px;padding-top:8px}.card-save-actions>.primary{width:100%;min-height:44px;border:1px solid #292d33;border-radius:8px;background:#292d33;color:#fff;padding:11px 16px}.social-editor .social-cover,.social-profile .social-cover{height:auto;max-height:none;aspect-ratio:2/1}.moments-cover{height:auto;aspect-ratio:2/1}

/* Quiet placeholders keep the dialog shaped like the content it will show. */
.social-profile-content{min-height:420px}.social-profile-placeholder{display:flex;flex-direction:column;gap:14px;min-width:0}.social-skeleton{display:block;flex:none;border-radius:5px;background:#eef0f3;animation:social-skeleton-breathe 1.4s ease-in-out .16s infinite}.social-skeleton-cover{width:100%;aspect-ratio:2/1;border-radius:9px;overflow:hidden;background:#eef0f3}.social-skeleton-cover img{display:block;width:100%;height:100%;object-fit:cover}.social-skeleton-identity{display:flex;align-items:center;gap:16px;margin:7px 0}.social-skeleton-identity>div{flex:1;min-width:0}.social-skeleton-avatar{width:68px;height:68px;border-radius:14px}.social-skeleton-name{height:20px;width:40%;margin-bottom:14px}.social-skeleton-line{height:12px;width:82%}.social-skeleton-short{height:12px;width:52%}.social-skeleton-label{height:12px;width:68px;margin-top:5px}.social-skeleton-controls{display:flex;gap:10px}.social-skeleton-button{height:40px;flex:1}.social-skeleton-field{height:43px;width:100%;border-radius:8px}.social-skeleton-save{height:44px;width:100%;margin-top:12px;border-radius:8px}.social-editor-placeholder{width:100%}.social-card-editor:has(.social-editor-placeholder){min-height:430px}@keyframes social-skeleton-breathe{0%,100%{opacity:1}50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.social-skeleton{animation:none}}@media(max-width:759px){.social-profile-content{min-height:380px}.social-card-editor:has(.social-editor-placeholder){min-height:400px}}

/* Mount the real editor once; loading only affects the existing cover and field. */
.social-card-editor[data-loading=true] .card-cover-placeholder{visibility:hidden}.social-card-editor[data-loading=true] .card-cover-frame{animation:social-skeleton-breathe 1.4s ease-in-out .16s infinite}.social-card-editor[data-loading=true]>input{background:#eef0f3}.social-card-editor[data-loading=true] .card-cover-actions{visibility:hidden}@media(prefers-reduced-motion:reduce){.social-card-editor[data-loading=true] .card-cover-frame{animation:none}}

/* Centered brand card: a personal identity card above a separate moments group. */
.modal-body.brand-profile-body,.me-subpage-body.brand-profile-body{padding:0;background:#f5f6f8}.me-subpage-body.brand-profile-body>.brand-profile,.desktop-settings-page-body.brand-profile-body>.brand-profile{max-width:680px;margin-inline:auto}.desktop-settings-page-body.brand-profile-body>.brand-profile{border-radius:12px;overflow:hidden}.brand-profile{padding:0 0 22px;max-width:none;min-height:480px;background:#f5f6f8}.brand-profile-cover{width:100%;aspect-ratio:2/1;overflow:hidden;background:#e2e5e9}.brand-profile-cover .social-cover{width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;border-radius:0}.brand-profile-cover-default{background:#242d37 url("/brand-default-cover.svg?v=1.0.170") center/cover no-repeat}.public-card-body>.brand-profile-cover-default{cursor:default}.brand-profile-card{position:relative;margin:-16px 18px 0;padding:0 24px 24px;border:1px solid #e8ecf1;border-radius:15px;background:#fff;text-align:center}.brand-profile .social-profile-identity{display:flex;flex-direction:column;align-items:center;gap:12px;margin:-34px 0 0}.brand-profile .social-profile-identity .avatar{width:64px;height:64px;border:4px solid #fff;box-sizing:content-box;border-radius:18px;font-size:24px;box-shadow:0 4px 14px #2632400b;flex:none}.brand-profile .social-profile-identity h2{font-size:23px;font-weight:600;line-height:1.5;margin:0;max-width:100%;overflow-wrap:anywhere;color:#292e36}.brand-profile .social-account{font-size:11px;color:#a0a8b3;margin:6px 0 0;overflow-wrap:anywhere;line-height:1.8}.brand-profile .social-bio{font-size:13px;line-height:1.9;color:#84909f;margin:18px 0 13px;white-space:pre-wrap;overflow-wrap:anywhere}.brand-profile .social-tags{justify-content:center;gap:7px;margin:0}.brand-profile .social-tags span{font-size:11px;background:#f4f6f8;color:#939eab;border-radius:5px;padding:4px 9px;max-width:100%;overflow-wrap:anywhere}.brand-profile .social-profile-actions{display:flex;gap:10px;margin:22px 0 0}.brand-profile .social-profile-actions>button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:1;min-width:0;min-height:44px;padding:10px 12px;border-radius:8px;font:inherit;font-size:13px;line-height:1.7;cursor:pointer}.brand-profile .social-profile-actions>.primary{background:#292d33;border:1px solid #292d33;color:#fff}.brand-profile .social-profile-actions>.secondary{background:#fff;border:1px solid #e0e5eb;color:#697687}.brand-profile .social-profile-actions svg{width:18px;height:18px;flex:none}.brand-profile-moments{margin:14px 18px 0;padding:20px 20px 4px;background:#fff;border:1px solid #e8ecf1;border-radius:13px;min-width:0}.brand-profile-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.brand-profile .brand-profile-section-heading .social-section-title{border:0;margin:0;padding:0;font-size:13px;line-height:1.8;font-weight:600}.brand-profile-section-heading>span{font-size:10px;color:#acb4bf;flex:none}.brand-profile-moments .moments-post{display:block;padding:16px 0;border-color:#eef1f4}.brand-profile-moments .moments-post:last-child{border-bottom:0}.brand-profile-moments :is(.moments-avatar,.moments-name){display:none}.brand-profile-moments .social-post-body{font-size:13px;line-height:1.9;margin:0 0 10px;color:#697686}.brand-profile .brand-profile-empty{margin:0;padding:26px 0 30px;font-size:12px;color:#a0a9b5;text-align:center}.brand-profile>.social-note{padding:12px 24px;margin:0}.brand-profile-placeholder{gap:16px;min-height:460px;padding-bottom:24px}.brand-profile-placeholder .social-skeleton-cover{border-radius:0}.brand-profile-placeholder .social-skeleton-identity{margin:0 30px;flex-direction:column;align-items:center;gap:14px}.brand-profile-placeholder .social-skeleton-identity>div{width:100%;display:flex;flex-direction:column;align-items:center}.brand-profile-placeholder .social-skeleton-avatar{border:4px solid #fff;box-sizing:content-box;margin-top:-50px;position:relative}.brand-profile-placeholder>.social-skeleton{margin-inline:auto;width:calc(100% - 64px)}.brand-profile-placeholder .social-skeleton-name{width:90px}.brand-profile-placeholder .social-skeleton-identity .social-skeleton-line{width:140px}.brand-profile-placeholder>.social-skeleton-short{width:100px}
@media(max-width:359px){.brand-profile-card{margin-inline:14px;padding-inline:18px}.brand-profile-moments{margin-inline:14px;padding-inline:16px}.brand-profile .social-profile-actions{gap:8px}}

@media(max-width:759px){
 .moments-feed .moments-bio,.brand-profile .social-account{font-size:13px;color:#65707e}
 .moments-post .moments-post-footer time,.brand-profile .brand-profile-section-heading>span{font-size:12px;color:#65707e}
 .brand-profile .social-bio{font-size:14px;color:#535d6b}
 .brand-profile .social-tags span,.public-card-body .social-tags span{font-size:12px;color:#535d6b}
 .brand-profile .brand-profile-empty,.moments-feed .social-empty p,.public-card-body .social-note{font-size:13px;color:#65707e}
 .public-card-body .social-account{font-size:13px;color:#65707e}
}

.moments-cover-photo.moments-cover-default{
 background:radial-gradient(ellipse at 65% 24%,#546370 0%,transparent 60%),linear-gradient(145deg,#222831,#3e4c56 68%,#2a343d)
}
.moments-cover-wind{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.moments-cover-wind>span{position:absolute;left:-12%;top:53%;width:111%;height:70%;border-top:1px solid #dde6ee60;border-radius:50%;transform:rotate(-16deg)}
.moments-cover-wind>span:nth-child(2){top:61%;opacity:.64}
.moments-cover-wind>span:nth-child(3){top:69%;opacity:.36}
.moments-cover-wind>svg{position:absolute;left:58%;top:31%;width:clamp(34px,6vw,46px);height:auto;color:#eef4fa;stroke-width:1.35;transform:rotate(-12deg)}

.moments-post.is-newly-published{position:relative}
.moments-post.is-newly-published::before{content:"";position:absolute;top:0;inset-inline:0;height:2px;background:linear-gradient(90deg,transparent 10%,#9ca8b5 50%,transparent 90%);background-size:200% 100%;background-repeat:no-repeat;background-position:center;pointer-events:none}
@media(prefers-reduced-motion:no-preference){
 .moments-post.is-newly-published::before{animation:moments-post-sweep .25s ease-out both}
}
@keyframes moments-post-sweep{0%{background-position:100% 0;opacity:0}25%{opacity:1}100%{background-position:0 0;opacity:0}}
.moments-publish-receipt:empty{display:none}
.moments-publish-receipt{
 position:sticky;top:12px;z-index:2;display:flex;align-items:center;gap:10px;
 margin:8px 16px;padding:9px 11px;border:1px solid #e0e6ed;border-radius:10px;
 background:#fff;color:#262d36;box-shadow:0 4px 14px #27364812;
 font-size:13px;font-weight:600;pointer-events:none;
}
.moments-publish-mark{position:relative;display:grid;place-items:center;flex:none;width:29px;height:29px;border-radius:8px;background:#282f39;color:#fff}
.moments-publish-mark svg{grid-area:1/1;width:16px;height:16px}
.moments-publish-plane{visibility:hidden}
@media(prefers-reduced-motion:no-preference){
 .moments-publish-plane{visibility:visible;animation:moments-publish-flight 380ms ease-out both}
 .moments-publish-check{animation:moments-publish-settle 180ms ease-out 235ms both}
}
@keyframes moments-publish-flight{
 0%{opacity:0;transform:translate(-10px,6px) rotate(-10deg) scale(.75)}
 36%{opacity:1}
 68%{transform:translate(0,-5px) rotate(-13deg) scale(1)}
 100%{opacity:0;transform:translate(7px,-8px) rotate(-8deg) scale(.82)}
}
@keyframes moments-publish-settle{
 from{opacity:0;transform:scale(.75)}
 to{opacity:1;transform:scale(1)}
}

.social-editor>.social-visibility-trigger{align-self:flex-start}
.social-scope-body{display:grid;gap:12px}
.social-scope-options{display:grid;gap:4px}
.social-scope-option{position:relative;display:grid;grid-template-columns:34px 1fr 20px;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;color:#303640;cursor:pointer}
.social-scope-option:has(input:checked){background:#e9edf3;font-weight:600}
.social-scope-option input{position:absolute;opacity:0}
.social-scope-option:has(input:focus-visible){outline:2px solid #818d9d}
.social-scope-glyph{display:grid;place-items:center;width:33px;height:33px;border:1px dashed transparent;border-radius:50%}
.social-scope-option:has(input:checked) .social-scope-glyph{border-color:#808c9a}
.social-scope-glyph svg,.social-scope-check{width:18px;height:18px}
.social-scope-option:not(:has(input:checked)) .social-scope-check{visibility:hidden}
.social-scope-note{margin:0;padding:0 10px}
@media(max-width:759px){.modal.social-scope-dialog[open]{inset:auto 0 0;margin:0;width:100%;max-width:none;border-radius:16px 16px 0 0;padding-bottom:env(safe-area-inset-bottom)}}

.moments-reactions:not([hidden]){display:flex;align-items:center;gap:7px}
.moments-like-mark{position:relative;display:grid;place-items:center;flex:none;width:20px;height:20px;color:#4b5665}
.moments-like-mark svg{width:16px;height:16px}
.moments-like-mark.is-liked svg{fill:currentColor}
@media(prefers-reduced-motion:no-preference){
 .moments-like-mark.is-like-pulse svg{animation:moments-like-heart .24s ease-out both}
 .moments-like-mark.is-like-pulse::before,.moments-like-mark.is-like-pulse::after{content:"";position:absolute;inset:2px;border:1px solid #8d9bab;border-radius:50%;opacity:0;pointer-events:none;animation:moments-like-ring .32s ease-out}
 .moments-like-mark.is-like-pulse::after{animation-delay:.045s}
}
@keyframes moments-like-heart{0%{transform:scale(.85)}54%{transform:scale(1.18)}100%{transform:scale(1)}}
@keyframes moments-like-ring{0%{transform:scale(.8);opacity:.55}100%{transform:scale(1.9);opacity:0}}

.moments-comment-area{min-width:0}
.moments-comment-trigger{display:inline-flex;align-items:center;gap:4px;min-height:32px}
.moments-comment-trigger svg{width:14px;height:14px}
@media(pointer:coarse){.moments-comment-trigger{min-height:44px}}
.moments-comments{margin-top:6px;padding:4px 8px 4px 12px;border-left:1px solid #a8b3bf;border-radius:4px;background:#f1f3f6;color:#333c48}
.moments-comments[hidden],.moments-comment-form[hidden],.moments-comment-error[hidden],.moments-comment-more[hidden]{display:none}
.moments-comment{padding:4px 0;font-size:13px;line-height:1.55;overflow-wrap:anywhere}
.moments-comment strong{font-weight:600;color:#45566b}
.moments-comment-remove{margin-left:8px;color:#687587;font-size:12px}
.moments-comment-form{margin-top:8px;animation:moments-comment-in .21s ease-out both}
.moments-comment-controls{display:flex;align-items:center;gap:6px}
.moments-comment-controls input{flex:1;min-width:0;width:100%;border:1px solid #dbe0e7;border-radius:6px;padding:8px 9px;color:#303640;background:#fff}
.moments-comment-controls button{flex:none}
.moments-comment-controls .primary{padding-inline:10px}
.moments-comment-error{margin:5px 0 0;color:#a74646;font-size:12px}
.moments-comment.is-new{animation:moments-comment-in .21s ease-out both}
@keyframes moments-comment-in{from{opacity:.4;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(max-width:759px){.moments-comment-controls input{font-size:16px}}
@media(prefers-reduced-motion:reduce){.moments-comment-form,.moments-comment.is-new{animation:none}}

.social-photo[role=button]:focus-visible{outline:2px solid #8293a6;outline-offset:2px}
.moments-gallery{
 position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;
 background:#262b33;color:#f1f3f5;overflow:hidden;overscroll-behavior:contain;
}
.moments-gallery[open]{display:grid;grid-template-rows:auto minmax(0,1fr)}
.moments-gallery::backdrop{background:transparent}
.moments-gallery-header{
 display:flex;align-items:center;justify-content:space-between;min-height:52px;
 padding:max(5px,env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) 5px max(16px,env(safe-area-inset-left,0px));
 border-bottom:1px solid #ffffff26;
}
.moments-gallery-count{font-size:13px;font-variant-numeric:tabular-nums}
.moments-gallery-stage{
 position:relative;display:grid;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;min-width:0;min-height:0;padding:12px 56px max(16px,env(safe-area-inset-bottom,0px));
}
.moments-gallery-image{
 display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;
 border-radius:4px;transform-origin:top left;user-select:none;grid-area:1/1;
}
.moments-gallery-status{grid-area:1/1;margin:0;color:#d3dbe4;font-size:13px}
.moments-gallery-button{
 display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #ffffff26;border-radius:10px;
 background:#303640;color:#f1f3f5;cursor:pointer;
}
.moments-gallery-button:disabled{opacity:.35;cursor:default}
.moments-gallery-button:focus-visible{outline:2px solid #bac7d4;outline-offset:2px}
.moments-gallery-button svg{width:18px;height:18px}
.moments-gallery-previous,.moments-gallery-next{position:absolute;top:50%;transform:translateY(-50%)}
.moments-gallery-previous{left:9px}
.moments-gallery-next{right:9px}
.moments-gallery-next svg{transform:rotate(180deg)}
.moments-gallery.is-closing{background:#262b3329;transition:background-color .17s ease-out}
.moments-gallery.is-closing :is(.moments-gallery-header,.moments-gallery-button,.moments-gallery-status){opacity:0}
@media(max-width:759px){
 .moments-gallery-stage{padding:8px 8px max(64px,calc(env(safe-area-inset-bottom,0px) + 52px))}
 .moments-gallery-previous,.moments-gallery-next{top:auto;bottom:max(12px,env(safe-area-inset-bottom,0px));transform:none}
 .moments-gallery-previous{left:calc(50% - 49px)}
 .moments-gallery-next{right:calc(50% - 49px)}
}
@media(prefers-reduced-motion:reduce){.moments-gallery.is-closing{transition:none}}

.moments-post-text-viewport{display:flow-root}
.moments-post-copy .social-post-body.is-collapsed{
 display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;
}
.moments-post-expand{
 display:flex;align-items:center;gap:5px;min-height:28px;margin:-5px 0 4px;padding:0 3px 0 0;
 border:0;border-radius:4px;background:transparent;color:#435a73;font:inherit;font-size:13px;font-weight:600;
}
.moments-post-expand::after{
 content:'';width:5px;height:5px;border-right:1px solid;border-bottom:1px solid;transform:translateY(-1px) rotate(45deg);
}
.moments-post-expand[aria-expanded=true]::after{transform:translateY(2px) rotate(225deg)}
.moments-post-expand:hover{color:#263e59}
.moments-post-expand:focus-visible{outline:2px solid #8a9bad;outline-offset:2px}
