:root{--fb:#3b5998;--fb-dark:#2f477a;--fb-light:#627aad;--line:#d8dfea;--text:#1c1e21;--muted:#777;--soft:#f5f6f7;--link:#3b5998;--green:#42b72a}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#e9ebee;font-size:14px}button,input,textarea,select{font:inherit}.hidden{display:none!important}.rb-mobile{overscroll-behavior-y:none}.mobile-app{min-height:100vh;max-width:640px;margin:0 auto;background:#fff;box-shadow:0 0 12px rgba(0,0,0,.22);position:relative}.m-topbar{height:48px;position:sticky;top:0;z-index:30;background:linear-gradient(#4d69a2,#3b5998 52%,#334f86);border-bottom:1px solid #1d2d50;display:flex;align-items:center;box-shadow:0 1px 2px rgba(0,0,0,.25);padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}.m-top-button{width:46px;height:48px;border:0;background:transparent;padding:12px;display:flex;flex-direction:column;justify-content:center;gap:4px}.m-menu-button span{height:2px;background:#fff;border-radius:2px;width:21px;box-shadow:0 1px 0 rgba(0,0,0,.35)}.m-title{border:0;background:transparent;color:#fff;text-shadow:0 1px 0 #243960;font-weight:bold;font-size:20px;letter-spacing:-.5px;padding:0 6px;white-space:nowrap}.m-jewels{margin-left:auto;display:flex;height:48px;align-items:stretch}.m-jewel{width:44px;height:48px;position:relative;border:0;border-left:1px solid rgba(25,43,77,.25);background:transparent;padding:2px 0}.m-jewel:active,.m-top-button:active{background:rgba(0,0,0,.12)}.m-jewel img{width:38px;height:38px;object-fit:contain}.m-badge{position:absolute;right:1px;top:3px;min-width:18px;height:18px;line-height:17px;border-radius:9px;padding:0 5px;color:#fff;background:#d14130;border:1px solid #7d1e16;font:bold 11px Arial;text-shadow:0 -1px 0 #7d1e16;box-shadow:0 1px 1px rgba(0,0,0,.3)}
.m-searchbar{position:sticky;top:48px;z-index:29;background:#3b5998;padding:7px;display:flex;gap:6px;align-items:center;border-bottom:1px solid #243960}.m-searchbar img{width:18px;height:18px;position:absolute;left:14px;opacity:.65}.m-searchbar input{flex:1;border:1px solid #243960;border-radius:3px;height:31px;padding:5px 8px 5px 31px;background:#fff;outline:none}.m-searchbar button{border:0;background:transparent;color:#fff;font-weight:bold}.m-content{min-height:calc(100vh - 48px);background:#f2f2f2;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.m-page-title{height:38px;background:linear-gradient(#f8f8f8,#e7e7e7);border-bottom:1px solid #c8c8c8;color:#333;display:flex;align-items:center;padding:0 10px;font-weight:bold;font-size:16px;text-shadow:0 1px #fff}.m-page-title .m-back{border:1px solid #a8a8a8;background:linear-gradient(#fff,#dedede);height:27px;border-radius:3px;margin-right:9px;font-weight:bold;color:#333}.m-section-title{padding:8px 10px 5px;color:#666;text-transform:uppercase;font-size:11px;font-weight:bold;background:#efefef;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.m-card{background:#fff;border-bottom:1px solid #d6d6d6}.m-empty{padding:34px 20px;text-align:center;color:#777;background:#fff}.m-loading{display:flex;gap:5px;justify-content:center;padding:30px}.m-loading span{width:7px;height:7px;border-radius:50%;background:#777;animation:mPulse 1s infinite alternate}.m-loading span:nth-child(2){animation-delay:.2s}.m-loading span:nth-child(3){animation-delay:.4s}@keyframes mPulse{to{opacity:.25;transform:translateY(3px)}}
.m-drawer{position:fixed;z-index:60;top:0;bottom:0;left:max(calc((100vw - min(100vw,640px))/2),0px);width:min(84vw,360px);background:#fff;transform:translateX(-105%);transition:transform .18s ease;box-shadow:3px 0 15px rgba(0,0,0,.35);overflow:auto;padding-bottom:env(safe-area-inset-bottom)}.m-drawer.open{transform:translateX(0)}.m-scrim{position:fixed;z-index:55;inset:0;border:0;background:rgba(0,0,0,.46)}.m-drawer-head{height:82px;background:linear-gradient(#4b65a0,#344d82);padding:14px;display:flex;align-items:center;gap:12px;color:#fff;border-bottom:1px solid #25395f}.m-drawer-head img{width:52px;height:52px;object-fit:cover;border:2px solid #fff;box-shadow:0 1px 3px #172640}.m-drawer-head strong{font-size:16px;display:block}.m-drawer-head small{opacity:.8}.m-menu-list{display:flex;flex-direction:column}.m-menu-list button{height:50px;border:0;border-bottom:1px solid #e7e7e7;background:#fff;text-align:left;padding:0 14px;color:#333;font-weight:bold;display:flex;align-items:center;gap:13px}.m-menu-list button:active{background:#e9edf5}.m-menu-list img{width:30px;height:30px;object-fit:contain}.m-drawer-foot{padding:12px 14px;display:flex;justify-content:space-between;align-items:center}.m-drawer-foot a,.m-drawer-foot button{border:0;background:transparent;color:#3b5998;text-decoration:none;font-weight:bold;padding:8px 0}
/* Publisher + feed */
.m-publisher{background:#fff;border-bottom:1px solid #c8c8c8}.m-publisher-main{display:flex;gap:8px;padding:9px}.m-publisher-main img{width:42px;height:42px;object-fit:cover;border-radius:2px}.m-publisher-main textarea{flex:1;resize:none;border:1px solid #c8c8c8;border-radius:3px;min-height:42px;padding:10px;background:#fff;outline:none}.m-publisher-main textarea:focus{border-color:#8297bd}.m-publisher-actions{display:flex;border-top:1px solid #e5e5e5;background:linear-gradient(#fff,#f5f5f5)}.m-publisher-actions button,.m-publisher-actions label{flex:1;height:38px;border:0;border-right:1px solid #ddd;background:transparent;color:#555;font-weight:bold;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer}.m-publisher-actions img{width:22px;height:20px;object-fit:contain}.m-post-submit{color:#fff!important;background:linear-gradient(#5b74a8,#3b5998)!important;border-left:1px solid #29447e!important}.m-media-preview{padding:0 9px 9px;position:relative}.m-media-preview img,.m-media-preview video{max-width:100%;max-height:260px}.m-media-preview button{position:absolute;right:14px;top:5px;border:0;border-radius:50%;background:rgba(0,0,0,.65);color:#fff;width:28px;height:28px}.m-post{background:#fff;margin-top:8px;border-top:1px solid #d8d8d8;border-bottom:1px solid #c9c9c9;padding:10px}.m-post:first-of-type{margin-top:0}.m-post-head{display:flex;gap:9px;align-items:flex-start}.m-avatar{width:44px;height:44px;object-fit:cover;border-radius:2px;background:#eee}.m-post-head-info{min-width:0;flex:1}.m-post-author{font-weight:bold;color:#3b5998;text-decoration:none}.m-verified{display:inline-block;width:12px;height:12px;vertical-align:-1px;margin-left:2px;background:url('/assets/icons/verified_badge.png') center/contain no-repeat}.m-post-meta{display:block;color:#999;font-size:11px;margin-top:2px}.m-post-text{font-size:15px;line-height:1.35;padding:8px 0;white-space:pre-wrap;word-break:break-word}.m-feeling,.m-location{color:#777;font-size:12px}.m-post-media{margin:2px -10px 6px}.m-post-media img,.m-post-media video{width:100%;display:block;max-height:520px;object-fit:contain;background:#111}.m-shared{border:1px solid #ddd;padding:8px;margin:5px 0;background:#fafafa}.m-feedback-summary{color:#777;font-size:12px;padding:5px 0;border-bottom:1px solid #e5e5e5}.m-post-actions{display:flex;height:36px}.m-post-actions button{flex:1;border:0;background:#fff;color:#3b5998;font-weight:bold}.m-post-actions button:active{background:#f0f2f5}.m-post-actions button.liked{color:#2d5ca6}.m-post-actions img{width:14px;height:14px;vertical-align:-2px;margin-right:4px}.m-comments{background:#edeff4;margin:0 -10px -10px;padding:7px 10px}.m-comment{display:flex;gap:6px;margin-bottom:7px}.m-comment img{width:30px;height:30px;object-fit:cover}.m-comment-body{background:#fff;border-radius:2px;padding:5px 7px;line-height:1.3;flex:1;min-width:0}.m-comment-body strong{color:#3b5998}.m-comment-meta{font-size:10px;color:#999}.m-comment-form{display:flex;gap:6px}.m-comment-form input{flex:1;height:31px;border:1px solid #bdc7d8;padding:5px 7px}.m-comment-form button{border:1px solid #29447e;background:#5b74a8;color:#fff;font-weight:bold;padding:0 10px}.m-load-more{display:block;width:calc(100% - 20px);margin:10px;border:1px solid #999;background:linear-gradient(#fff,#e8e8e8);height:39px;font-weight:bold;color:#333;border-radius:3px}
/* list rows */
.m-list{background:#fff}.m-row{display:flex;min-height:63px;padding:8px 10px;border-bottom:1px solid #e1e1e1;gap:10px;align-items:center}.m-row:active{background:#edf0f6}.m-row img.m-row-avatar{width:48px;height:48px;object-fit:cover;border-radius:2px;background:#eee}.m-row-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center}.m-row-icon img{max-width:36px;max-height:36px}.m-row-main{flex:1;min-width:0}.m-row-title{font-weight:bold;color:#3b5998;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-row-sub{font-size:12px;color:#777;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-row-time{font-size:11px;color:#999;white-space:nowrap}.m-row-actions{display:flex;gap:5px}.m-small-btn{border:1px solid #999;background:linear-gradient(#fff,#e6e6e6);height:29px;border-radius:2px;font-weight:bold;color:#444;padding:0 9px}.m-small-btn.blue{border-color:#29447e;background:linear-gradient(#6079ab,#3b5998);color:#fff}.m-small-btn.green{border-color:#3b6e22;background:linear-gradient(#67ae55,#578843);color:#fff}.m-online-dot{width:9px;height:9px;border-radius:50%;background:#5db447;display:inline-block;border:1px solid #3c812d;margin-left:4px}.m-count-pill{background:#d8dfea;color:#3b5998;border-radius:9px;min-width:19px;text-align:center;padding:2px 5px;font-size:11px;font-weight:bold}
/* profile */
.m-profile-cover{height:190px;position:relative;background:#ccd4e0 center/cover no-repeat;border-bottom:1px solid #888}.m-profile-avatar{position:absolute;left:12px;bottom:-36px;width:92px;height:92px;object-fit:cover;background:#fff;border:4px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.5)}.m-profile-name{position:absolute;left:115px;right:8px;bottom:9px;color:#fff;font-size:21px;font-weight:bold;text-shadow:0 1px 3px #000}.m-profile-body{background:#fff;padding-top:42px}.m-profile-actions{padding:0 10px 10px;display:flex;gap:6px}.m-profile-actions button{flex:1}.m-about{padding:10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.m-about p{margin:4px 0;color:#555}.m-profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:2px;background:#fff}.m-profile-grid img{width:100%;aspect-ratio:1/1;object-fit:cover}.m-friends-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:9px;background:#fff}.m-friend-mini{text-align:center;color:#3b5998;font-size:11px;font-weight:bold;overflow:hidden}.m-friend-mini img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;margin-bottom:3px}
/* messages */
.m-chat-page{display:flex;flex-direction:column;min-height:calc(100vh - 48px);background:#d8dce5}.m-chat-head{position:sticky;top:48px;z-index:5;height:44px;background:linear-gradient(#fafafa,#e0e0e0);border-bottom:1px solid #aaa;display:flex;align-items:center;padding:5px 8px;gap:7px}.m-chat-head img{width:32px;height:32px;object-fit:cover}.m-chat-head strong{flex:1;color:#333}.m-chat-messages{flex:1;padding:10px 8px 76px}.m-bubble-row{display:flex;margin:7px 0}.m-bubble-row.mine{justify-content:flex-end}.m-bubble{max-width:78%;border-radius:10px;padding:7px 9px;box-shadow:0 1px 1px rgba(0,0,0,.14);word-break:break-word}.m-bubble-row.mine .m-bubble{background:#d5e4fb;border:1px solid #9eb5d8}.m-bubble-row.other .m-bubble{background:#fff;border:1px solid #c6c6c6}.m-bubble-time{display:block;color:#999;font-size:9px;margin-top:3px;text-align:right}.m-chat-compose{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,640px);padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:#f1f1f1;border-top:1px solid #aaa;display:flex;gap:6px;z-index:20}.m-chat-compose textarea{flex:1;min-height:37px;max-height:110px;resize:none;border:1px solid #aaa;padding:8px;border-radius:3px}.m-chat-compose button{border:1px solid #29447e;background:linear-gradient(#6079ab,#3b5998);color:#fff;font-weight:bold;border-radius:3px;padding:0 14px}
/* photos/events/groups/search */
.m-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:2px;background:#fff}.m-photo-tile{position:relative;aspect-ratio:1/1;background:#ddd;overflow:hidden}.m-photo-tile img{width:100%;height:100%;object-fit:cover}.m-event{display:flex;padding:10px;background:#fff;border-bottom:1px solid #ddd;gap:10px}.m-date-box{width:52px;border:1px solid #bbb;text-align:center;background:#fff;box-shadow:0 1px 2px #ccc}.m-date-box b{display:block;background:#c73d32;color:#fff;font-size:11px;padding:2px}.m-date-box strong{font-size:24px;line-height:32px}.m-event-main{flex:1}.m-event-main h3{font-size:15px;color:#3b5998;margin:0 0 4px}.m-event-main p{margin:3px 0;color:#666;font-size:12px}.m-group-icon{width:50px;height:50px;background:#e7e7e7;border-radius:3px;padding:7px;object-fit:contain}.m-search-form{padding:9px;background:#d8dfea;display:flex;gap:6px}.m-search-form input{flex:1;height:36px;border:1px solid #7d8ca5;padding:6px}.m-search-form button{border:1px solid #29447e;background:#5b74a8;color:#fff;font-weight:bold;padding:0 13px}
/* auth */
.m-auth-page{min-height:100vh;background:#f0f0f0}.m-auth-header{height:88px;background:linear-gradient(#4c68a1,#3b5998 65%,#30497d);display:flex;align-items:center;justify-content:center;border-bottom:1px solid #23365b;box-shadow:0 1px 4px rgba(0,0,0,.3)}.m-auth-logo{font-size:36px;color:#fff;font-weight:bold;letter-spacing:-1.5px;text-shadow:0 1px 1px #22345a}.m-auth-wrap{max-width:430px;margin:0 auto;padding:18px 13px 40px}.m-auth-card{background:#fff;border:1px solid #c9c9c9;border-radius:3px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.08)}.m-auth-card h1{text-align:center;margin:0 0 14px;font-size:20px;color:#333}.m-auth-subtitle{text-align:center;color:#777;margin:-7px 0 14px}.m-auth-card label{display:block;font-size:12px;font-weight:bold;color:#555;margin:9px 0}.m-auth-card input,.m-auth-card select{display:block;width:100%;height:43px;border:1px solid #aaa;border-radius:2px;margin-top:4px;padding:7px;background:#fff;font-size:16px}.m-primary{width:100%;height:44px;border:1px solid #29447e;border-radius:3px;background:linear-gradient(#6079ab,#3b5998);color:#fff;font-weight:bold;font-size:16px;text-shadow:0 -1px #243960;margin-top:9px}.m-create-button{display:block;text-align:center;text-decoration:none;background:linear-gradient(#67ae55,#578843);border:1px solid #3b6e22;color:#fff;padding:11px;border-radius:3px;font-weight:bold}.m-auth-separator{height:32px;border-bottom:1px solid #ddd;text-align:center;margin-bottom:20px}.m-auth-separator span{position:relative;top:21px;background:#fff;padding:0 9px;color:#777}.m-form-error{padding:8px;background:#fff1f0;border:1px solid #e7a09a;color:#a13028;border-radius:2px}.m-desktop-link,.m-back-login{display:block;text-align:center;color:#3b5998;text-decoration:none;margin-top:16px;font-weight:bold}.m-username-suggestions{border:1px solid #ccd5e3;background:#f5f7fb;margin-top:-5px;padding:5px}.m-username-suggestions button{border:1px solid #bdc7d8;background:#fff;color:#3b5998;margin:2px;padding:5px}
.m-toast{position:fixed;z-index:100;left:50%;bottom:30px;transform:translateX(-50%);max-width:min(90vw,520px);background:rgba(0,0,0,.84);color:#fff;padding:9px 13px;border-radius:3px;box-shadow:0 2px 8px rgba(0,0,0,.4);font-weight:bold}.m-modal{position:fixed;z-index:90;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:18px}.m-modal-card{width:min(100%,500px);max-height:85vh;overflow:auto;background:#fff;border-radius:3px;box-shadow:0 4px 18px rgba(0,0,0,.45)}.m-modal-title{background:linear-gradient(#4d69a2,#3b5998);color:#fff;font-weight:bold;padding:10px;border-bottom:1px solid #29447e}.m-modal-body{padding:10px}.m-modal-body textarea,.m-modal-body input,.m-modal-body select{width:100%;border:1px solid #aaa;padding:8px;margin:4px 0 9px}.m-modal-actions{display:flex;justify-content:flex-end;gap:6px;padding:8px 10px;border-top:1px solid #ddd;background:#f5f5f5}
@media (min-width:641px){body.rb-mobile{padding:16px 0}.m-topbar{top:0}.mobile-app{min-height:calc(100vh - 32px)}.m-drawer{left:calc(50% - 320px)}}
@media (max-width:380px){.m-title{font-size:18px}.m-jewel{width:40px}.m-jewel img{width:35px;height:35px}.m-post{padding-left:8px;padding-right:8px}.m-profile-cover{height:168px}}
.m-shared-img{max-width:100%;display:block;margin-top:5px}.m-timeline-arrow{color:#999}.m-profile-cover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.m-profile-cover::after{content:"";position:absolute;inset:auto 0 0;height:55%;background:linear-gradient(transparent,rgba(0,0,0,.5));pointer-events:none}.m-profile-avatar,.m-profile-name{z-index:2}.m-grid-empty{grid-column:1/-1;color:#777}.m-grid-empty-padded{padding:15px}.m-chat-attachment-img{max-width:100%;margin-top:4px}.m-row.unread{background:#edf0f5}.m-row-sub.wrap{white-space:normal}.m-title-action{margin-left:auto}
.m-file-btn{display:flex;align-items:center;justify-content:center;cursor:pointer;line-height:27px}.m-profile-actions .m-file-btn{flex:1}

/* v8.91: keep pathological combining-mark/Zalgo text inside each mobile card. */
.m-post-text,
.m-comment-body,
.m-bubble,
.m-shared {
  max-width:100%;
  min-width:0;
  overflow:hidden;
  overflow-wrap:anywhere;
  word-wrap:break-word;
  word-break:normal;
}

/* v8.128 — classic link/media previews on the native mobile site */
.m-link-action{color:#777;font-weight:normal;margin-left:4px}
.m-link-card{display:flex;align-items:stretch;width:100%;min-height:86px;margin:5px 0 7px;border:1px solid #c4cde0;background:#f4f4f4;color:#333;text-decoration:none;overflow:hidden}
.m-link-card:active{background:#eef2f7}
.m-link-thumb{position:relative;display:block;flex:0 0 104px;width:104px;min-height:86px;background:#ddd;border-right:1px solid #c4cde0;overflow:hidden}
.m-link-thumb.hidden{display:none!important}
.m-link-image{display:block;width:100%;height:100%;min-height:86px;object-fit:cover;background:#ddd}
.m-link-copy{display:block;flex:1;min-width:0;padding:9px 10px}
.m-link-title{display:block;color:#3b5998;font:bold 14px/1.25 Arial,sans-serif;overflow-wrap:anywhere}
.m-link-site{display:block;color:#777;font-size:11px;margin-top:3px}
.m-link-desc{display:block;color:#777;font-size:11px;line-height:1.3;margin-top:4px;max-height:2.6em;overflow:hidden}
.m-link-open{display:block;color:#3b5998;font-size:11px;margin-top:7px}
.m-link-play{position:absolute;left:50%;top:50%;width:36px;height:36px;margin:-18px 0 0 -18px;border:2px solid #fff;border-radius:50%;background:rgba(0,0,0,.72);color:#fff;font:bold 18px/32px Arial,sans-serif;text-align:center;text-indent:2px;box-shadow:0 1px 2px rgba(0,0,0,.35);pointer-events:none}
.m-link-card-media{background:#fff}
.m-link-card-media .m-link-thumb{display:block}
.m-shared .m-link-card{margin-bottom:2px}
@media(max-width:380px){.m-link-thumb{flex-basis:92px;width:92px}.m-link-copy{padding:8px}.m-link-title{font-size:13px}}