.extra-page{background:#fff;display:flex;flex-direction:column;overflow:hidden}.extra-page .extra-head{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;min-height:58px;padding:6px 12px;background:#f4f6f2;border-bottom:0;flex-shrink:0}.extra-head h1{font-size:19px;font-weight:600;text-align:center;margin:0}.extra-text{border:0!important;background:none!important;box-shadow:none!important;color:#126240;min-height:44px;padding:8px 12px;cursor:pointer}.extra-text svg{width:25px;height:25px}.extra-search{padding:10px 14px;background:#f4f6f2;display:flex;gap:8px;flex-shrink:0}.extra-search input{height:38px;width:100%;min-width:0;border:0;background:#fff;border-radius:7px;text-align:center;padding:8px 12px;color:#192e27;font-size:16px}.extra-contact-scroll{overflow:auto;flex:1;padding-right:22px}.extra-contact{width:100%;display:flex;align-items:center;gap:14px;border:0;border-bottom:1px solid #edf0ed;background:#fff;min-height:72px;padding:10px 18px;color:#182c24;text-align:left;font-size:17px;box-shadow:none;border-radius:0}.extra-contact>.chat-avatar,.extra-contact>.avatar-wrap,.extra-contact>.member-avatar{flex:0 0 48px}.extra-contact svg{width:25px;height:25px;flex-shrink:0}.extra-contact>span:not(.extra-new-icon){flex:1;min-width:0}.extra-contact small{display:block;font-size:13px;color:#969d97;margin-top:5px}.extra-contact .avatar,.extra-contact .chat-avatar{width:48px;height:48px}.extra-contact .avatar-wrap{width:48px;height:48px}.extra-new{padding-bottom:14px;border-bottom:8px solid #f4f6f2}.extra-new-icon{display:grid;place-items:center;background:#f7a33a;border-radius:4px;width:48px;height:48px;color:#fff}.extra-letter{background:#f5f7f3;padding:7px 20px;margin:0;font-size:13px;font-weight:400;color:#7d897f;scroll-margin-top:0}.extra-index{position:absolute;right:2px;top:180px;bottom:25px;display:flex;flex-direction:column;justify-content:center;width:21px}.extra-index button{flex:0 1 20px;padding:0;border:0;background:none;font-size:10px;color:#516056;line-height:1.4}.extra-empty{padding:38px 20px;text-align:center;color:#8e9990}.extra-red{background:#e4564d;color:white;border-radius:16px;font-size:12px;padding:3px 6px}.extra-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#e95650;margin:0 6px}.extra-add-options{padding:20px 16px}.extra-add-options .extra-contact{padding:12px 6px}.extra-add-code{margin:auto auto 40px;text-align:center;width:100%;padding:20px}.extra-add-code canvas{width:210px;max-width:70vw;height:auto}.extra-add-code p{font-size:14px;margin:18px 0;color:#36453d}.addfriend{overflow:auto}.extra-room{position:relative!important;padding-right:72px!important;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.extra-room-meta{position:absolute;right:16px;top:16px;bottom:14px;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;color:#a1aba2;max-width:66px}.extra-room-meta time{font-size:11px;white-space:nowrap}.extra-room-meta svg{width:15px;height:15px}.extra-pinned{background:#edf1eb!important}.extra-count{font-style:normal;font-size:10px;width:auto!important;min-width:16px;height:16px!important;line-height:16px;border-radius:12px;padding:0 4px;color:white;right:-5px!important;top:-5px!important}.extra-result{display:flex;flex-direction:column;gap:5px;text-align:left;background:white;border:0;border-bottom:1px solid #edf0ed;border-radius:0;padding:13px 20px;width:100%;color:#1b392b}.extra-result span{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.extra-result small{color:#93a092}.extra-search-results h3{font-size:13px;color:#8a968d;font-weight:400;background:#f4f6f2;margin:0;padding:12px 20px}.extra-search-results p{padding:20px}.extra-highlight{background:#e5efc9!important;transition:background .3s}.extra-sheet-shade{position:fixed;inset:0;background:#0007;z-index:330;display:flex;align-items:flex-end;justify-content:center}.extra-sheet{width:min(100%,600px);background:white;border-radius:16px 16px 0 0;overflow:hidden;padding-bottom:env(safe-area-inset-bottom);display:flex;flex-direction:column}.extra-sheet>.extra-text{padding:15px;min-height:56px;border-bottom:1px dashed #9caaa43b!important;color:#163b28;font-size:17px}.extra-sheet>.extra-text:last-child{border-top:7px solid #f5f6f3!important;color:#6e7c71}.extra-sheet [data-action^="extra-confirm"]{color:#d84343}.extra-photo-view{align-items:center;background:#000e}.extra-photo-view img{max-width:100%;max-height:90dvh;object-fit:contain}.extra-photo-view button{position:absolute;right:10px;top:env(safe-area-inset-top,10px);color:white;font-size:32px}.moment-scroll{overflow:auto;flex:1}.moments .extra-head{position:absolute;inset:0 0 auto;background:linear-gradient(#0005,transparent);z-index:3;color:white}.moments .extra-head h1{visibility:hidden}.moments .extra-head .extra-text{color:white}.moment-cover{height:315px;background:linear-gradient(150deg,#aec884,#2f704d);background-position:center;background-size:cover;position:relative;margin-bottom:35px}.extra-cover-button{position:absolute;left:15px;bottom:18px;color:#fffd;background:none;border:0;font-size:12px;padding:12px}.moment-owner{position:absolute;bottom:-25px;right:20px;display:flex;align-items:center;gap:15px}.moment-owner strong{color:white;font-size:18px;text-shadow:0 1px 4px #0007}.moment-owner .chat-avatar,.moment-owner .avatar-wrap{width:72px;height:72px;border-radius:8px}.moment-notification{text-align:center;min-height:38px}.moment-notification button{font-size:13px;color:#788e7c}.moment-post{display:flex;gap:12px;padding:20px 18px;border-bottom:1px solid #f0f2ee}.moment-avatar{flex:0 0 42px;width:42px;height:42px;padding:0;border:0;background:none}.moment-avatar .chat-avatar,.moment-avatar .avatar-wrap{width:42px;height:42px}.moment-content{flex:1;min-width:0}.moment-name{font-size:15px;font-weight:600;min-height:24px;padding:0!important;color:#51658a}.moment-copy{font-size:16px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0 9px}.moment-copy:empty{display:none}.moment-media{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;max-width:360px}.moment-media.single{display:block}.moment-photo{padding:0;border:0;background:none;display:block;aspect-ratio:1;overflow:hidden}.moment-photo img{width:100%;height:100%;object-fit:cover;display:block}.moment-media.single .moment-photo{max-width:240px;max-height:330px;aspect-ratio:auto}.moment-media.single img{width:auto;height:auto;max-width:100%;max-height:330px;object-fit:contain}.moment-media video{width:100%;max-height:340px;background:#111;border-radius:4px}.moment-meta{display:flex;align-items:center;color:#a2aaa0;font-size:12px;min-height:38px}.moment-meta .extra-text{font-size:12px}.moment-meta button:last-child{margin-left:auto;font-size:20px;color:#647a8a}.moment-reactions{padding:8px 10px;background:#f3f5f2;border-radius:3px;font-size:14px}.moment-likes{margin:0;padding:3px 0 8px;color:#556d85;border-bottom:1px solid #e6ebe3}.moment-comment{display:flex;align-items:flex-start}.moment-comment>.extra-text{min-height:28px;padding:3px 0;text-align:left;line-height:1.45;color:#263a2c;font-size:14px;overflow-wrap:anywhere}.moment-comment b{color:#556d85;font-weight:500}.moment-comment button:last-child:not(:first-child){margin-left:auto;padding:3px 5px;color:#a2aaa0}.compose{overflow:auto}.compose .extra-head h1{visibility:hidden}#moment-compose{padding:20px;flex:1}#moment-compose textarea{resize:none;border:0;box-shadow:none;width:100%;min-height:100px;font-size:17px;padding:4px;background:white;outline:none}.moment-draft-media{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.moment-draft-media>div{aspect-ratio:1;position:relative}.moment-draft-media img,.moment-draft-media video{width:100%;height:100%;object-fit:cover}.moment-draft-media>div button{position:absolute;top:0;right:0;color:white;text-shadow:0 1px 3px black;font-size:23px;padding:0 8px}.moment-add{aspect-ratio:1;font-size:50px;font-weight:200;color:#959f95;background:#f5f7f3;border:0}.extra-publish{position:absolute;top:7px;right:8px;font-size:16px;font-weight:600}.moment-upload-status{font-size:14px;color:#687b6b}.moment-comment-form{width:min(600px,100%);background:white;padding:20px 20px calc(15px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0}.moment-comment-form textarea{width:100%;height:90px;resize:none;border:0;background:#f4f6f2;padding:12px;font-size:16px}.moment-comment-form>div{display:flex;justify-content:space-between}.extra-notifications{overflow:auto}.extra-notifications time{font-size:11px;color:#9aa69c}
#social-record,#social-record *{user-select:none!important;-webkit-user-select:none!important;-webkit-touch-callout:none!important;touch-action:none!important}.composer-icon svg{width:27px;height:27px}.outbox-message{position:relative}.outbox-message>.send-spinner{position:absolute;bottom:1px;right:58px}.outbox-message>.send-failed{position:absolute;left:6px;top:50%;transform:translateY(-50%);background:#e24f46!important;border:0!important;border-radius:50%;color:white;width:22px;height:22px;padding:0;font-size:16px;line-height:22px}.outbox-message:has(.send-failed) .community-message-content{margin-left:20px}.community-message-content audio{max-width:220px;height:42px}.extra-text:focus-visible,.extra-contact:focus-visible{outline:2px solid #86b747;outline-offset:-3px}.extra-text:disabled{opacity:.45}
@media(min-width:650px){.moment-cover{height:360px}.moment-post{padding:22px 28px}.extra-index{right:7px}}

.outbox-message .community-message-content{position:relative}.outbox-message .community-message-content>.send-spinner{position:absolute;bottom:0;right:0;width:12px;height:12px;color:#789081}.outbox-message .community-message-content>.send-failed{position:absolute;left:-30px;top:calc(50% + 8px);transform:translateY(-50%);background:#e24f46!important;color:#fff!important;border:0;width:22px;height:22px;line-height:22px;padding:0}.extra-page .avatar-frame{flex-shrink:0}.moment-comment-form .extra-text+button{border-left:1px dashed #9caaa43b!important}
.extra-contact>.avatar-framed{flex:0 0 48px!important;width:48px;height:48px}.extra-publish{z-index:5}.moment-owner>.avatar-framed{width:72px;height:72px}.moment-avatar>.avatar-framed{width:42px;height:42px}.extra-add-code{flex:0 0 auto}.moment-comment-form{position:relative}

/* Absolute controls must sit below the iOS status bar, like the page content. */
.moments .extra-head{top:env(safe-area-inset-top,0px)}
.extra-publish{top:calc(7px + env(safe-area-inset-top,0px))}
.moment-cover-status{position:absolute;left:16px;top:72px;color:#fff;font-size:13px;text-shadow:0 1px 3px #0009}
.moment-cover-status .extra-text{color:#fff;font-size:13px;padding:0;min-height:44px}

#local-saving-status{position:fixed;z-index:350;right:16px;bottom:calc(80px + env(safe-area-inset-bottom));color:#126240;background:#ffffffed;padding:8px 12px;border-radius:6px;font-size:14px;pointer-events:none}
.voice-message .voice-bubble{position:relative;display:flex;align-items:center;gap:15px;width:var(--voice-width);max-width:100%;min-height:48px;padding:10px 16px;border:0;border-radius:5px 16px 16px 16px;background:#fff;color:#223a2b;box-shadow:none;text-align:left;cursor:pointer;touch-action:manipulation}
.voice-message.own .voice-bubble{background:#dff0c8;border-radius:16px 5px 16px 16px;flex-direction:row-reverse;margin-left:auto}
.voice-bubble .voice-waves{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;flex:none}.voice-bubble .voice-duration{font-size:15px}.voice-bubble .voice-unheard{position:absolute;right:-13px;top:19px;width:7px;height:7px;background:#e95850;border-radius:50%}.voice-unheard[hidden]{display:none}
.voice-bubble.playing .voice-waves path{animation:voice-wave 1s infinite}.voice-bubble.playing .voice-waves path:nth-child(2){animation-delay:.15s}.voice-bubble.playing .voice-waves path:nth-child(3){animation-delay:.3s}.voice-bubble.loading .voice-waves{opacity:.35;animation:voice-wave .8s infinite}.voice-bubble:focus-visible{outline:2px solid #397d33;outline-offset:3px}@keyframes voice-wave{0%,100%{opacity:.25}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.voice-bubble.playing .voice-waves path,.voice-bubble.loading .voice-waves{animation:none}.voice-bubble.playing{outline:2px solid #8dac79}}
.voice-message.own .voice-waves{transform:scaleX(-1)}
/* Durable composers, quiet unread indicators and accessible media gallery. */
.polish-error{color:#bd3434}.moment-comment .extra-text{min-height:44px;padding:5px 9px;border:0;border-left:1px dashed #8884;background:none;box-shadow:none;color:#176443}.polish-new-messages{position:absolute;right:18px;bottom:calc(var(--chat-composer-height,70px) + 18px);z-index:9;min-height:44px;color:#176443;border:0;border-bottom:1px dashed #8885;background:#ffffffe8;padding:0 12px;box-shadow:none}.bottomnav button{position:relative}.polish-nav-count{position:absolute;top:1px;left:55%;min-width:18px;height:18px;line-height:18px;padding:0 4px;border-radius:12px;background:#df4c49;color:white;font-size:11px}.polish-gallery{position:fixed;inset:0;z-index:15000;display:flex;flex-direction:column;background:#080808;color:#fff;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.polish-gallery header,.polish-gallery footer{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:4px 16px}.polish-gallery header span{font-size:13px;text-align:center}.polish-gallery .extra-text{color:#fff;min-height:44px;background:none;border:0;box-shadow:none}.polish-gallery footer button+button{border-left:1px dashed #ffffff50}.polish-gallery-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.polish-gallery-stage img{max-width:100%;max-height:100%;object-fit:contain;pointer-events:none;transform-origin:center}.moment-media.single .moment-photo{min-height:220px;max-width:240px;width:100%}.moment-media video{background:#17241e;aspect-ratio:3/4;max-height:330px}
/* Regular weight for the shortcut labels, profile names and conversation titles. */
.home-content .service>span,
.account-page .account-identity-copy>strong,
.social-profile h2,
.community-lobby .room-card .room-entry-copy>strong{font-weight:400}
.avatar-profile-preview{padding:0;border:0;background:none;box-shadow:none;align-self:flex-start;flex-shrink:0;cursor:pointer}.avatar-large-view{display:flex;flex-direction:column;align-items:center;gap:18px}.avatar-large-view>img{display:block;max-width:100%;width:min(100%,460px);max-height:62dvh;object-fit:contain}.avatar-change-text{background:none;border:0;box-shadow:none;color:#126240;min-height:44px;padding:10px 24px;font:inherit;cursor:pointer}.avatar-file-field[hidden]{display:none}
.shade:has(.avatar-large-view){z-index:360}
/* Full-width, adjoining navigation targets; keep safe-area space clickable. */
.shell .bottomnav,.home-shell .bottomnav{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0;align-items:stretch}
.shell .bottomnav button,.home-shell .bottomnav button{width:100%;min-width:0;margin:0;min-height:calc(72px + env(safe-area-inset-bottom));padding:13px 0 calc(13px + env(safe-area-inset-bottom));justify-content:center;border-radius:0}
.shell .bottomnav .active:before,.home-shell .bottomnav .active:before{content:none;display:none}
.home-screen-mode .shell .bottomnav{padding:0}
.home-screen-mode .shell .bottomnav button{min-height:calc(72px + max(28px,env(safe-area-inset-bottom)));padding-bottom:calc(13px + max(28px,env(safe-area-inset-bottom)))}
/* User portraits fill their message-list slot without a colored surround. */
.community-lobby .room-icon.private{background:transparent;padding:0;border-radius:7px}
.community-lobby .room-icon.private .avatar-framed{width:50px;height:50px;border-radius:7px}
.community-lobby .room-icon.private .chat-avatar{display:block;width:50px;height:50px;object-fit:cover;border-radius:7px}

/* Contact actions follow the relationship; all new controls have text-only surfaces. */
.social-page>header .social-profile-more{margin-left:auto;min-width:44px;min-height:44px;background:none;border:0;box-shadow:none;color:inherit;font-size:25px;letter-spacing:2px}
.social-profile-primary,.social-setting-row{width:100%;min-height:52px;padding:14px 18px;background:none;border:0;box-shadow:none;color:#075c38;font:inherit}
.social-contact-settings{background:#fff}.social-setting-row{display:flex;align-items:center;justify-content:space-between;color:inherit;text-align:left}.social-setting-row+.social-setting-row{border-top:1px dashed #8885}.social-setting-row.destructive{color:#ce3939;justify-content:center}.social-setting-row svg{width:20px;height:20px}
.polish-chat-gallery{padding:0}.polish-chat-gallery>header,.polish-chat-gallery>footer{display:none}.polish-chat-gallery .polish-gallery-stage{width:100%;height:100%}
/* Fixed interface elements must not join a message's text selection. */
#app button,#social-root button,#app img,#social-root img,.community-message,.message-name,.chat-avatar,.avatar-framed,.polish-gallery{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.community-message p.community-bubble,.community-message p.community-bubble *{user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}
input,textarea,[contenteditable="true"]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}

.friend-requests{margin:-16px}.friend-request-section{font-size:14px;font-weight:400;color:#78867e;padding:12px 20px;margin:0;background:#f4f6f2}
.friend-request-card{display:flex;gap:13px;background:#fff;padding:18px 20px;border-bottom:1px solid #e8ede7}.friend-request-avatar{flex:0 0 50px;width:50px;height:50px;padding:0;border:0;background:none;box-shadow:none;border-radius:7px;overflow:hidden}.friend-request-avatar .avatar-framed,.friend-request-avatar .chat-avatar{display:block;width:50px;height:50px;border-radius:7px;object-fit:cover}.friend-request-info{flex:1;min-width:0}.friend-request-info h2{font-size:17px;font-weight:500;line-height:1.4;margin:0 0 4px;overflow-wrap:anywhere}.friend-request-id{color:#7e8982;font-size:14px;margin:0 0 8px;overflow-wrap:anywhere}.friend-request-message p{font-size:16px;line-height:1.5;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;user-select:text;-webkit-user-select:text}.friend-request-message p.expanded{display:block;-webkit-line-clamp:unset}.friend-request-expand{border:0;background:none;box-shadow:none;color:#176443;padding:0;min-height:44px;font:inherit;font-size:14px}.friend-request-expand[hidden]{display:none}.friend-request-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:7px}.friend-request-bottom time,.friend-request-result{color:#8a958e;font-size:14px}.friend-request-actions{display:flex;align-items:center;min-height:44px}.friend-request-action{min-height:44px;padding:0 12px;border:0;background:none;box-shadow:none;color:#075c38;font:inherit}.friend-request-action+.friend-request-action{border-left:1px dashed #8885}.friend-request-action.muted{color:#768178}.friend-request-error{font-size:14px;color:#bd3434;margin:5px 0 0}
/* Chat photos keep their natural ratio without an enclosing card. */
.message-images .chat-download-image{width:fit-content;max-width:100%;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;outline:none;line-height:0}
.message-images .chat-download-image img,.message-images .chat-download-image:only-child img{display:block;width:auto;height:auto;max-width:min(200px,100%);max-height:260px;object-fit:contain;border-radius:0}
.message-images .chat-download-image .blurred{transform:none}
.message-images .chat-download-image:not(:has(img[src])){width:180px;min-height:120px}
.message-images .chat-download-image:focus-visible img{filter:brightness(.85)}
.message-images .chat-download-image:focus-visible img.blurred{filter:blur(7px) brightness(.85)}

.red-packet .packet-symbol{background:transparent;border-radius:0;width:40px;height:54px;flex:none}.red-packet .packet-symbol img{display:block;width:100%;height:100%;object-fit:contain}.red-packet .packet-copy strong{font-weight:400}
.room-swipe-row{position:relative;overflow:hidden;touch-action:pan-y;background:#fff}.room-swipe-row>.room-card{position:relative;background:inherit;width:100%;transform:translateX(var(--room-swipe-x,0px));transition:transform .2s cubic-bezier(.2,.7,.2,1);z-index:1}.room-swipe-row.dragging>.room-card{transition:none}.room-swipe-actions{visibility:hidden;position:absolute;inset:0 auto 0 0;width:180px;display:flex;align-items:stretch}.room-control-text{flex:1;min-width:0;min-height:44px;padding:8px;border:0;background:transparent;box-shadow:none;color:#075c38;font:inherit;font-size:14px}.room-control-text+.room-control-text{border-left:1px dashed #8885}.room-control-text.destructive,.room-control-row.destructive,[data-action="rc-confirm-clear"]{color:#c63838}.room-archive-entry{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;color:#176443;border:0;border-bottom:1px dashed #8885;background:none;box-shadow:none}.room-archive-entry[hidden]{display:none}.room-control-settings{background:#fff}.room-control-row{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:56px;padding:15px 18px;border:0;background:none;box-shadow:none;font:inherit}.room-control-settings>.push-switch,.room-control-row+.push-switch,.room-control-settings>.room-control-row:last-child{border-top:1px solid #e8ece9}.room-control-sub{padding-left:0}.room-control-sub .push-switch{border-top:1px solid #e8ece9}.room-archive-list{margin:-16px}.room-archive-list .room-card{min-height:78px}.room-clear-copy{padding:18px 22px;color:#748078;font-size:15px;line-height:1.6}.room-control-settings input:disabled{opacity:.5}@media(prefers-reduced-motion:reduce){.room-swipe-row>.room-card{transition:none}}

.room-swipe-row.swiped>.room-swipe-actions{visibility:visible}.room-archive-slot{overflow:hidden;height:0;opacity:0;transition:height .25s cubic-bezier(.2,.7,.2,1),opacity .25s ease}.room-archive-slot.dragging{transition:none}.room-archive-slot .room-archive-entry{height:48px;min-height:48px;box-sizing:border-box;white-space:nowrap}.room-swipe-row{user-select:none;-webkit-user-select:none}.room-swipe-row img{-webkit-user-drag:none}@media(prefers-reduced-motion:reduce){.room-archive-slot,.room-swipe-row>.room-card{transition:none}}

/* Chat settings: explicit alignment overrides the shared form-grid label styles. */
.social-body .room-control-settings .room-toggle{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:62px;margin:0;padding:15px 18px;border-bottom:0;cursor:pointer;font-size:16px;font-weight:400;line-height:1.5}
.room-control-settings .room-toggle-label{flex:1;min-width:0;overflow-wrap:anywhere}.room-sub-mark{color:#8a948d}.room-control-settings .room-control-sub .room-toggle{padding-left:30px}
.social-body .room-control-settings .room-toggle input{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:52px;height:44px;min-width:52px;margin:0;padding:0;opacity:0;z-index:1;cursor:pointer}
.room-control-settings .room-switch-track{position:relative;display:block;flex:0 0 52px;width:52px;height:30px;border-radius:999px;background:#d6dcd7;pointer-events:none;transition:background .18s ease}
.room-switch-track::after{content:"";position:absolute;left:2px;top:2px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:transform .18s ease}
.room-toggle input:checked+.room-switch-track{background:#075c38}.room-toggle input:checked+.room-switch-track::after{transform:translateX(22px)}.room-toggle input:focus-visible+.room-switch-track{outline:2px solid #075c38;outline-offset:4px}.room-toggle input:disabled+.room-switch-track{opacity:.5}.room-control-settings .room-control-row{min-height:62px;font-size:16px;font-weight:400}
@media(prefers-reduced-motion:reduce){.room-switch-track,.room-switch-track::after{transition:none}}

.social-contacts{position:relative}.friend-request-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:12px;background:#ee4145;color:#fff;font-size:12px;font-weight:400;line-height:1}.social-contacts .friend-request-badge{position:absolute;top:2px;right:0}.extra-new .friend-request-badge{margin-left:auto}
/* Consistent portraits and unobtrusive search/settings surfaces. */
#app .chat-avatar,#social-root .chat-avatar,#overlay .chat-avatar,#app .avatar-framed,#social-root .avatar-framed,#overlay .avatar-framed{border-radius:7px!important;aspect-ratio:1;object-fit:cover}
.extra-search{align-items:center}.extra-search input{flex:1}.extra-search>button{flex:0 0 auto;white-space:nowrap;min-width:56px;height:44px}
.extra-search input:focus{outline:none!important;box-shadow:none!important}.extra-search input:focus-visible{outline:1px solid #a5afa9!important;outline-offset:2px}
.settings-menu>.panel{padding-top:0;padding-bottom:0}.notification-clean .hint,.notification-clean .btn.secondary{background:#fff;border:0;box-shadow:none}
.action-confirm{z-index:1000}.action-confirm>section{width:min(90vw,400px);padding:22px;background:#fff;border-radius:16px;color:#19372b}.action-confirm p{font-size:16px;line-height:1.6}.action-confirm section>div{display:flex}.action-confirm button{flex:1;min-height:44px;background:none;border:0;box-shadow:none;color:#536259;font:inherit}.action-confirm button+button{border-left:1px dashed #ccd1cc;color:#cb3838}
.moment-inline-comment{display:flex;align-items:flex-end;gap:8px;margin:10px 0}.moment-inline-comment textarea{flex:1;min-width:0;min-height:44px;padding:10px;font:inherit;resize:vertical;border:1px solid #e3e8e4;border-radius:6px}.moment-inline-comment button{min-height:44px;padding:8px;background:none;border:0;box-shadow:none;color:#075c38;font:inherit}
.moment-notification[hidden]{display:none!important}
.search-clear-field{position:relative;display:flex;align-items:center;flex:1;min-width:0;width:100%}.search-clear-field input{width:100%;padding-right:44px!important;padding-left:44px!important}.search-clear-field>.search-clear-button{position:absolute;inset-inline-end:0;top:50%;transform:translateY(-50%);width:44px;min-width:44px;min-height:44px;margin:0;padding:0;border:0!important;background:transparent!important;box-shadow:none!important;font:400 24px/1 system-ui;color:#7d8881;cursor:pointer}.search-clear-button[hidden]{display:none!important}.search-clear-button:focus-visible{outline:1px solid #84958b;outline-offset:-5px}

/* Compact inbox title row; retain a full touch target for contacts. */
.pagehead.inbox-pagehead{min-height:56px;padding:6px 20px;align-items:center}
.inbox-pagehead .social-contacts{min-width:44px;min-height:44px}

/* Retain scroll anchors and controls while skipping off-screen paint/layout. */
.moment-post { content-visibility: auto; contain-intrinsic-size: auto 360px; }
.community-message { content-visibility: auto; contain-intrinsic-size: auto 100px; }

.community-lobby .room-card.room-pressed,.room-archive-list .room-card.room-pressed{background:#f0f0f0}
