:root{--sky:#dceefa;--green:#28794e;--green-dark:#1b5f3b;--green-pale:#e8f4ec;--pink:#df5f8d;--ink:#203b35;--paper:#fffefa;--line:#dce8e3;--shadow:0 10px 28px rgba(40,84,68,.09);--radius:18px;--ar-ink:#14532d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5fafc radial-gradient(#dce9ec .8px,transparent .8px);background-size:16px 16px;color:var(--ink);font-family:ui-rounded,"Trebuchet MS",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15px;line-height:1.5}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}.site-header{background:var(--sky);border-bottom:1px solid #c4deec;box-shadow:0 3px 12px rgba(61,116,141,.07)}.header-inner{max-width:1200px;margin:auto;min-height:76px;padding:12px 24px;display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:var(--green);color:#fff;font-size:19px;box-shadow:inset 0 -3px rgba(0,0,0,.12);transform:rotate(-3deg)}.brand-name{display:block;font-weight:900;letter-spacing:-1.5px;font-size:27px;line-height:1;color:#21533c}.brand-name span{color:var(--pink)}.tagline{display:block;font-family:Georgia,serif;font-style:italic;font-size:13px;color:var(--pink);margin-top:4px}.header-spacer{flex:1}.header-link,.profile-button{border:0;background:transparent;color:#315e50;font-weight:750;padding:10px 11px;border-radius:12px}.header-link:hover,.profile-button:hover{background:rgba(255,255,255,.55)}.header-link i,.profile-button i{margin-right:6px}.profile-button{background:#f8fffb;border:1px solid #b8d9c6;padding:9px 14px}.profile-dot{display:inline-block;width:9px;height:9px;margin-right:7px;border-radius:50%;background:#62b977;box-shadow:0 0 0 3px #e5f5e8;vertical-align:1px}.status-wrap{max-width:1200px;margin:12px auto 0;padding:0 24px}.status-banner{display:flex;align-items:center;gap:9px;background:#eef8f0;border:1px solid #cee4d2;border-radius:11px;padding:9px 13px;color:#52725b;font-size:12px}.status-banner i{font-size:8px;color:#61ae72}.status-banner.offline{background:#fff6ec;border-color:#efdfc5;color:#7a633d}.status-banner.offline i{color:#cc9c49}.page{max-width:1200px;margin:16px auto 54px;padding:0 24px;display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:19px;align-items:start}.center-column{min-width:0}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card{padding:22px 25px 19px;background:linear-gradient(120deg,#fffefa,#f1faf5);position:relative;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:1.45px;text-transform:uppercase;color:#84958b;font-weight:850}.hero-card h1{font-size:29px;letter-spacing:-.8px;margin:5px 0 4px;color:#244b3b;position:relative;z-index:1}.hero-card p{margin:0;color:#6b8077;font-size:14px;max-width:690px;position:relative;z-index:1}.hero-meta{margin-top:15px;display:flex;gap:17px;align-items:center;flex-wrap:wrap;font-size:12px;color:#72867d}.hero-meta i{color:var(--green);margin-right:5px}.auth-panel{margin-top:15px;padding:18px}.auth-heading{display:flex;align-items:center;gap:11px;margin-bottom:13px}.avatar{width:39px;height:39px;display:grid;place-items:center;flex:0 0 auto;border-radius:14px;background:#e9f4e9;color:var(--green);font-size:16px}.auth-heading h2{font-size:18px;margin:0;color:#355b4b}.auth-heading p{font-size:12px;color:#8a9a92;margin:2px 0 0}.auth-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.auth-field label{display:block;font-size:11px;font-weight:800;color:#50705e;margin-bottom:5px}.identity-input{width:100%;border:1px solid #dfe9e4;border-radius:10px;padding:9px 11px;background:#fff;color:#29483a;outline:none}.identity-input:focus,textarea:focus{border-color:#71aa84;box-shadow:0 0 0 3px rgba(77,148,97,.12)}.auth-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.publish-button{border:0;background:var(--green);color:#fff;border-radius:10px;padding:9px 14px;font-size:12px;font-weight:850;box-shadow:0 3px 0 #1b613c}.publish-button:hover{background:var(--green-dark);transform:translateY(-1px)}.publish-button:disabled{opacity:.58;cursor:wait;transform:none}.publish-button i,.secondary-button i{margin-right:5px}.secondary-button,.small-tool{border:1px solid #dce7df;background:#fff;border-radius:10px;padding:8px 11px;color:#6e8176;font-size:12px;font-weight:750}.secondary-button:hover,.small-tool:hover{background:#f3f8f4}.auth-note{font-size:11px;color:#7b8d83;margin:12px 0 0}.auth-note i{color:#68a875;margin-right:5px}.verification-note{background:#fff8e7;border:1px solid #ede1c3;border-radius:9px;padding:8px}.composer{margin-top:15px;padding:17px}.composer-top{display:flex;align-items:center;gap:11px;margin-bottom:12px}.composer-title{font-weight:850;color:#355b4b}.composer-sub{font-size:11px;color:#8a9a92}.compose-modes{display:flex;gap:6px;border-bottom:1px solid #e8eee9;margin:0 0 12px;padding-bottom:9px}.compose-mode-button,.feed-filter{border:1px solid transparent;border-radius:9px;background:transparent;padding:7px 10px;color:#6f887a;font-size:12px;font-weight:800}.compose-mode-button.active,.feed-filter.active{background:#eaf5ed;border-color:#cfe4d5;color:#28794e}.compose-mode-button i{margin-right:5px}textarea{display:block;width:100%;border:1px solid #dfe9e4;border-radius:12px;background:#fff;padding:12px 13px;color:#29483a;line-height:1.65;outline:none;resize:vertical}#post-text{min-height:105px}#blog-text{min-height:245px;margin-top:8px}.urdu-entry{font-family:"Jameel Noori Nastaleeq","Noto Nastaliq Urdu",serif;font-size:20px;line-height:2.1;padding-top:8px}textarea::placeholder{color:#9aaca3}.composer-options{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:11px}.language-auto-note{font-size:11px;color:#718b7d}.language-auto-note i{margin-right:4px;color:#6a9d76}.char-count{margin-left:auto;color:#91a097;font-size:10px}.feed-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:21px 2px 10px}.feed-head h2{font-size:14px;margin:0;color:#527061}.feed-head h2 i{color:#90a89a;margin-right:5px}.sort-note{display:block;font-size:10px;color:#9aa79f;margin-top:2px}.feed-filters{display:flex;gap:3px;flex-wrap:wrap;justify-content:flex-end}.feed-filter{padding:6px 8px;font-size:11px}.post-list{display:grid;gap:13px}.post-card{padding:17px 18px 14px}.post-head{display:flex;align-items:flex-start;gap:10px}.post-avatar{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px;background:#e9f4e9;color:var(--green)}.post-avatar.alt{background:#fce8ef;color:#d65e85}.post-author-wrap{flex:1;min-width:0}.post-author{font-weight:850;color:#335b49}.post-handle{font-size:11px;color:#8b9a92;margin-left:6px}.post-handle a{text-decoration:none}.post-handle a:hover{text-decoration:underline}.post-time{font-size:10px;color:#9ba8a1;white-space:nowrap}.post-kind{display:inline-flex;align-items:center;gap:4px;margin-top:4px;border-radius:99px;background:#f0f6f1;color:#738a7b;font-size:10px;font-weight:750;padding:2px 8px}.post-title{margin:12px 0 0;font-size:18px;line-height:1.35;color:#294e3e}.post-content{margin:10px 0 12px;color:#385347;font-size:15px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}.post-content.urdu{font-family:"Jameel Noori Nastaleeq","Noto Nastaliq Urdu",serif;font-size:20px;line-height:2.05;text-align:right;padding:2px 2px 4px;direction:rtl}.post-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding-top:10px;border-top:1px solid #eef2ee}.reaction-button,.comment-summary,.share-button{border:1px solid transparent;border-radius:9px;background:#f6f8f6;padding:6px 8px;color:#71857a;font-size:11px;font-weight:750}.reaction-button:hover,.comment-summary:hover,.share-button:hover{border-color:#dce9e0;background:#f1f8f2}.reaction-button.selected[data-reaction="like"]{background:#e9f5ec;color:#2d7b4b;border-color:#cce4d2}.reaction-button.selected[data-reaction="dislike"]{background:#fbebeb;color:#9f4747;border-color:#edcbcb}.reaction-button i,.share-button i{margin-right:4px}.post-actions-spacer{flex:1}.comments{flex:0 0 auto}.comment-summary{background:transparent;list-style:none;cursor:pointer}.comment-summary::-webkit-details-marker{display:none}.comment-summary i{margin-right:4px;color:#8ca093}.comment-panel{padding-top:12px}.comment-list{display:grid;gap:8px;margin:0 0 10px}.comment{display:flex;gap:8px;font-size:12px;color:#60776a}.comment-name{font-weight:850;color:#4a705b;white-space:nowrap}.comment-text{white-space:pre-wrap;overflow-wrap:anywhere}.comment-form{display:flex;gap:7px}.comment-input{flex:1;min-width:0;border:1px solid #e2eae4;border-radius:9px;padding:8px 10px;background:#fff;font-size:12px;outline:none}.comment-send{border:0;border-radius:9px;padding:0 12px;background:#eaf4ec;color:#3e7752;font-size:12px;font-weight:800}.comment-send:hover{background:#dceee0}.empty-state{padding:31px 18px;text-align:center;color:#82948a}.empty-state i{font-size:24px;color:#9abb9f;margin-bottom:8px}.empty-state strong{display:block;color:#547461}.right-rail{position:sticky;top:14px;display:grid;gap:13px}.side-card{padding:16px}.side-title{margin:0 0 10px;font-size:13px;font-weight:850;color:#466b55}.side-copy{font-size:12px;color:#74867e;margin:0 0 10px}.side-copy strong{color:#466b55;overflow-wrap:anywhere}.account-role-row{display:flex;justify-content:space-between;gap:8px;margin:10px 0;color:#789084;font-size:11px}.role-badge{color:#2f7048;background:#edf6ef;border-radius:20px;padding:2px 8px;font-size:10px}.side-card .small-tool{width:100%;margin-top:4px}.guideline{font-size:12px;color:#74867e;margin:0;padding-left:17px}.guideline li{padding:0 0 7px}.footer-note{text-align:center;color:#98a59e;font-size:10px;margin:19px 0 0}.footer-note strong{color:#779080}.shoutout-card{padding:16px;overflow:hidden;background:linear-gradient(120deg,#fffefa,#fff7f9);border-color:#ecdce2}.shoutout-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.shoutout-head h2{font-size:17px;margin:3px 0;color:#805167}.shoutout-head h2 i{color:var(--pink);margin-right:5px}.credit-pill{max-width:128px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:99px;background:#fff;border:1px solid #ead2dc;color:#9b5874;font-size:9px;font-weight:800;padding:5px 8px}.shoutout-copy,.shoutout-mention-help{font-size:11px;color:#826d78;margin:8px 0 12px}.shoutout-live{border:1px dashed #e9cfda;border-radius:12px;background:rgba(255,255,255,.78);padding:12px;color:#8a7480;font-size:12px}.shoutout-current-head{display:flex;justify-content:space-between;gap:8px;font-size:10px;font-weight:800;color:#9b5874}.shoutout-current-head time{color:#bd6684}.shoutout-body{font-size:14px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:6px;color:#583c4a}.shoutout-body.urdu{font-family:"Jameel Noori Nastaleeq","Noto Nastaliq Urdu",serif;font-size:19px;text-align:right;direction:rtl}.shoutout-form{margin-top:11px}.shoutout-mention-wrap{position:relative}.shoutout-form textarea{min-height:72px;font-size:12px}.shoutout-mention-list{position:absolute;z-index:4;top:calc(100% + 4px);left:0;right:0;max-height:170px;overflow:auto;border:1px solid #eadce2;border-radius:10px;background:#fff;box-shadow:var(--shadow)}.shoutout-mention-option{width:100%;display:flex;justify-content:space-between;gap:9px;border:0;background:#fff;text-align:left;padding:8px 10px;color:#466b55;font-size:11px}.shoutout-mention-option:hover{background:#f0f7f2}.shoutout-mention-option span,.shoutout-mention-empty{color:#94a39c;font-size:10px;padding:8px}.shoutout-form-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:10px;color:#90a097}.shoutout-form-foot .publish-button{font-size:10px;padding:7px 9px;background:#b95379;box-shadow:0 3px 0 #8f3e5e}.shoutout-mention-help{font-size:10px}.shoutout-mention{color:#a5486b;font-weight:850;text-decoration:none}.social-unread{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:30px;background:#dc6687;color:#fff;font-size:10px;padding:0 5px;margin-left:4px}.gender-mark{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;margin-left:4px;border-radius:50%;font-size:12px;font-weight:900;vertical-align:1px}.gender-mark.male{background:#e7f1ff;color:#3575c4}.gender-mark.female{background:#ffedf3;color:#d65383}.role-panel{border:1px solid #e2ebe4;border-radius:13px;background:#fbfefa;padding:13px;margin-top:14px}.role-panel strong{display:block;color:#40664e}.role-eyebrow{display:block;font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#83958b;font-weight:850}.role-panel p,.moderation-copy{font-size:11px;color:#75877d;margin:6px 0 0;line-height:1.55}.points-summary{padding-top:8px;border-top:1px dashed #e0e9e1}.guest-account-panel form{display:grid;gap:6px;margin-top:9px}.moderation-panel{margin-top:16px}.moderation-subtitle{font-size:11px;color:#567460;margin:14px 0 7px;padding-top:10px;border-top:1px dashed #e1e9e2}.role-assignment-form{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr) auto;align-items:end;gap:8px;margin-top:11px}.role-list,.moderation-queue,.moderation-audit-list{display:grid;gap:7px}.role-row,.moderation-queue-row,.moderation-audit-row{border:1px solid #e6ede7;border-radius:10px;background:#fff;padding:9px;font-size:11px;color:#667e70}.moderation-queue-head{display:flex;justify-content:space-between;gap:8px;color:#5d7967;font-size:10px}.moderation-queue-row p{margin:6px 0;white-space:pre-wrap;overflow-wrap:anywhere;max-height:140px;overflow:auto}.moderation-button{border:1px solid #eed6dc;border-radius:8px;background:#fff8fa;color:#a25367;padding:5px 8px;font-size:10px;font-weight:800}.moderation-audit-row time{display:block;font-size:9px;color:#9aa79f}.moderation-audit-row small{color:#91a097}.moderation-empty,.social-empty{font-size:11px;color:#91a097;margin:6px 0}.social-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:14px}.social-section{min-width:0}.social-section h3{font-size:13px;color:#466b55;margin:0 0 8px}.social-section h3 i{margin-right:5px;color:#83a58d}.social-subheading{margin-top:16px!important}.social-list{display:grid;gap:7px}.social-person{display:flex;align-items:center;gap:8px;padding:7px;border:1px solid #e6ede7;border-radius:10px;background:#fff}.tiny-avatar{width:25px;height:25px;display:grid;place-items:center;border-radius:9px;background:#edf5ed;color:#508061;font-size:11px}.social-person-copy{flex:1;min-width:0}.social-person-name{display:block;font-size:11px;font-weight:800;color:#4d715b}.social-person-handle{display:block;font-size:9px;color:#92a198}.social-person-action{border:1px solid #dce8df;border-radius:8px;background:#f7fbf8;color:#55745f;padding:5px 7px;font-size:9px;font-weight:800}.people-search-form{display:flex;gap:6px}.people-search-form .identity-input{min-width:0}.message-form{margin-top:14px;padding-top:11px;border-top:1px dashed #e0e9e1}.message-form h3{margin-bottom:8px}.recipient-note{font-size:10px;color:#7f9286;margin-bottom:8px}.message-form .identity-label{margin-top:8px}.message-text{min-height:94px;resize:vertical}.message-form-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px;color:#8a9a91;font-size:10px}.inbox-section{margin-top:16px;padding-top:12px;border-top:1px solid #e6ece7}.inbox-section h3{font-size:13px;color:#466b55;margin:0 0 9px}.inbox-subtitle{display:block;color:#9aa79f;font-size:9px;font-weight:400;margin-top:2px}.inbox-list{display:grid;gap:7px;max-height:290px;overflow:auto}.inbox-message{border:1px solid #e6ede7;border-radius:10px;background:#fff;padding:9px}.inbox-message.is-unread{border-color:#c9e2d0;background:#f8fdf9}.inbox-message-head{display:flex;align-items:center;gap:7px;color:#60806b;font-size:9px}.inbox-message-head time{margin-left:auto;color:#9aa79f}.message-kind-badge{border-radius:20px;padding:2px 6px;background:#edf5ef;color:#578066;font-weight:800}.message-kind-badge.popup{background:#fbeaf0;color:#b25b77}.inbox-message-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;color:#456452;margin-top:5px}.member-profile-card{display:grid;gap:4px;background:#f7fbf7;border:1px solid #e0eae2;border-radius:12px;padding:13px}.member-profile-card strong{color:#3d644a}.member-profile-card span{color:#72877a;font-size:12px}.member-profile-card small{color:#97a49c}.popup-from{font-size:12px;font-weight:800;color:#60806b}.popup-body{border:1px solid #e0eae2;border-radius:12px;background:#fafffb;padding:13px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.popup-footnote{color:#97a49c;font-size:10px}dialog{border:1px solid #d8e7de;border-radius:18px;padding:0;max-width:min(760px,calc(100% - 28px));width:100%;max-height:min(90vh,900px);overflow:auto;box-shadow:0 22px 80px rgba(24,56,41,.24);color:var(--ink)}dialog::backdrop{background:rgba(26,57,45,.42);backdrop-filter:blur(3px)}.dialog-inner{padding:23px}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.dialog-top h2{font-size:19px;margin:0;color:#2c5943}.dialog-close{flex:0 0 auto;border:0;background:#f2f7f3;border-radius:9px;width:32px;height:32px;color:#71867a}.dialog-copy{color:#72847a;font-size:12px;margin:0 0 12px}.identity-label{display:block;font-size:11px;font-weight:800;color:#50705e;margin:10px 0 5px}.field-help{font-size:10px;color:#8b9a92;margin:5px 0}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}.demo-disclaimer{margin-top:12px;background:#fff8e7;border:1px solid #ede1c3;border-radius:10px;padding:10px;color:#78643b;font-size:11px}.demo-disclaimer i{margin-right:5px}.toast{position:fixed;z-index:10;left:50%;bottom:18px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#244f3b;color:#fff;padding:10px 14px;border-radius:12px;box-shadow:var(--shadow);font-size:12px;transition:.2s;max-width:min(600px,calc(100% - 24px))}.toast.show{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.guideline{font-size:12px;color:#74867e;margin:0;padding-left:17px}.guideline li{padding:0 0 7px}.gender-mark{margin-left:4px}.share-button,.moderation-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}.shared-post-focus{outline:3px solid rgba(76,145,96,.4);outline-offset:2px}.ar-text{display:block;font-family:'Amiri','Scheherazade New','Noto Naskh Arabic',serif;font-size:1.24em;line-height:2.15;color:var(--ar-ink);text-align:right;margin:2px 0}@media(max-width:900px){.page{grid-template-columns:minmax(0,1fr) 240px;gap:14px}.header-link{font-size:12px}.social-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.header-inner{padding:10px 13px;min-height:66px;gap:8px}.brand{gap:8px}.brand-mark{width:37px;height:37px;font-size:15px}.brand-name{font-size:23px}.tagline{font-size:11px}.header-link{display:none}.profile-button{padding:8px 10px;font-size:11px}.status-wrap{padding:0 12px;margin-top:9px}.page{display:flex;flex-direction:column;margin:12px auto 34px;padding:0 12px}.center-column,.right-rail{width:100%}.right-rail{position:static;order:-1}.hero-card{padding:18px}.hero-card h1{font-size:24px}.announcement-strip{padding:12px}.announcement-main{flex-wrap:wrap}.announcement-actions{margin-left:45px}.announcement-form-foot{align-items:flex-start;flex-direction:column}.hero-meta{gap:8px 13px;font-size:10px}.auth-panel,.composer{padding:14px}.auth-fields{grid-template-columns:1fr}.auth-actions>*{flex:1 1 auto}.feed-head{align-items:flex-start;flex-direction:column}.feed-filters{justify-content:flex-start}.post-card{padding:14px}.char-count{width:100%;margin:0 0 0 auto;text-align:right}.publish-button{margin-left:auto}.social-grid{grid-template-columns:1fr}.dialog-inner{padding:18px}.moderation-panel{padding:11px}.right-rail{display:contents}.right-rail #account-card{display:block;order:-1}.social-dialog-inner{padding:15px}.message-form{margin-top:11px}.post-actions{gap:4px}.role-assignment-form{grid-template-columns:1fr 1fr}.role-assignment-form>div:first-child{grid-column:1/-1}.role-assignment-form .publish-button{grid-column:1/-1;margin-left:0}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

.member-profile-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}

.char-count.over-limit{color:#b95379;font-weight:850}

.activity-button{white-space:nowrap}.activity-button>i{margin-right:5px}.activity-dialog{max-width:min(620px,calc(100% - 28px))}.activity-section{border-top:1px solid #e6ece7;padding-top:12px}.activity-list{display:grid;gap:8px;max-height:min(62vh,560px);overflow:auto}.activity-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e6ede7;border-radius:11px;background:#fff;padding:10px 11px}.activity-item.is-unread{border-color:#c9e2d0;background:#f8fdf9}.activity-item-copy{display:grid;gap:3px;min-width:0}.activity-item-copy strong{font-size:11px;line-height:1.45;color:#547461}.activity-item-copy time{font-size:9px;color:#9aa79f}.activity-item-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;flex:0 0 auto}.activity-item-actions .small-tool{font-size:10px;padding:6px 8px}@media(max-width:720px){.header-link.activity-button{display:inline-flex;align-items:center;padding:8px 3px;font-size:0}.activity-button>i{font-size:16px;margin:0}.activity-button .social-unread{font-size:9px}.activity-item{align-items:flex-start;flex-direction:column}.activity-item-actions{justify-content:flex-start}.activity-dialog .dialog-inner{padding:16px}}

.header-link.social-shortcut{white-space:nowrap}.social-shortcut.online-shortcut{position:relative}.online-badge{background:#58a96d}.social-tabs{display:flex;gap:6px;margin:0 0 14px;border-bottom:1px solid #e6ece7;padding-bottom:9px}.social-tab{border:1px solid #dce8df;border-radius:9px;background:#fff;color:#678174;padding:7px 11px;font-size:11px;font-weight:800}.social-tab i{margin-right:5px}.social-tab.active{background:#eaf5ed;border-color:#cfe4d5;color:#28794e}#social-dialog[data-social-view="friends"] .social-grid>.social-section:nth-child(2),#social-dialog[data-social-view="friends"] .inbox-section{display:none}#social-dialog[data-social-view="mail"] .social-grid>.social-section:first-child{display:none}#social-dialog[data-social-view="mail"] .social-grid{grid-template-columns:1fr}.online-friends-panel{margin:0 0 12px;padding:10px;border:1px solid #dfeae2;border-radius:11px;background:#f9fcf9}.online-friends-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.online-friends-head h3{margin:0;font-size:12px;color:#466b55}.online-friends-head h3 i{color:#58a96d;margin-right:5px}.online-friends-head .small-tool{padding:5px 7px;font-size:10px}.friend-presence{display:inline-flex;align-items:center;gap:4px;margin-top:2px;color:#99a69f;font-size:9px}.friend-presence i{width:6px;height:6px;border-radius:50%;background:#b8c1bc}.friend-presence.is-online{color:#398750;font-weight:800}.friend-presence.is-online i{background:#4eab67;box-shadow:0 0 0 2px #e2f3e5}.inbox-message [data-open-popup]{margin-top:7px}
@media(max-width:720px){.header-link.social-shortcut{display:inline-flex;align-items:center;padding:8px 3px;font-size:0}.social-shortcut>i{font-size:16px;margin:0}.social-shortcut .social-unread{font-size:9px}.social-shortcut .header-shortcut-label{display:none}}


/* Urdu RTL and Nastaliq coverage across all user-authored content. */
.post-title.urdu,.comment-text.urdu,.inbox-message-body.urdu,.popup-body.urdu,.shoutout-body.urdu{font-family:"Jameel Noori Nastaleeq","Noto Nastaliq Urdu",serif;direction:rtl;text-align:right}
.post-title.urdu{font-size:21px;line-height:2.05;white-space:pre-wrap;padding-block:3px}
.comment-text.urdu{display:block;flex:1;min-width:0;font-size:17px;line-height:2.1}
.inbox-message-body.urdu{font-size:18px;line-height:2.1}
.popup-body.urdu{font-size:20px;line-height:2.15}
.shoutout-body{white-space:pre-wrap;overflow-wrap:anywhere}.announcement-strip{margin-bottom:15px;padding:13px 16px;border:1px solid #bcd8c5;border-radius:var(--radius);background:linear-gradient(120deg,#eef8f0,#fffefa);box-shadow:var(--shadow)}.announcement-main{display:flex;gap:11px;align-items:flex-start}.announcement-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:999px;background:var(--green);color:#fff}.announcement-copy{flex:1;min-width:0}.announcement-label{display:block;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--green-dark)}.announcement-body{font-size:15px;line-height:1.55;color:var(--ink);overflow-wrap:anywhere}.announcement-body.urdu{font-family:"Jameel Noori Nastaleeq","Noto Nastaliq Urdu",serif;font-size:18px;line-height:2;text-align:right;direction:rtl}.announcement-empty{margin:3px 0 0;color:#687c73;font-size:13px}.announcement-actions{display:flex;gap:6px;flex-wrap:wrap}.announcement-form{margin-top:12px;border-top:1px solid var(--line);padding-top:12px}.announcement-form textarea{width:100%;border:1px solid #dfe9e4;border-radius:10px;padding:9px 11px;background:#fff;color:#29483a;outline:none;resize:vertical}.announcement-form textarea.urdu-entry{font-family:"Jameel Noori Nastaleeq","Noto Nastaliq Urdu",serif;font-size:18px;line-height:2.05;text-align:right;direction:rtl}.announcement-form-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:8px;color:#74867e;font-size:12px}.announcement-form-actions{display:flex;gap:7px;flex-wrap:wrap}
.shoutout-body.urdu{font-size:20px;line-height:2.15}
.identity-input.urdu-title-input,.comment-input.urdu-inline-input{font-family:"Jameel Noori Nastaleeq","Noto Nastaliq Urdu",serif;font-size:18px;line-height:2;direction:rtl;text-align:right}
.social-person-actions{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto}
.social-person-actions .social-person-action{white-space:nowrap}
.popup-compose-action{background:#fff5f8;border-color:#f0d7e0;color:#a65370}
@media(max-width:430px){.social-person-actions{gap:3px}.social-person-actions .social-person-action{padding:5px 5px;font-size:8px}}
.shoutout-form textarea.urdu-entry{font-family:"Jameel Noori Nastaleeq","Noto Nastaliq Urdu",serif;font-size:18px;line-height:2.05;text-align:right;direction:rtl}


/* Community directory, daily topic, and counters */
.daily-topic-card,.online-directory-card{padding:15px 16px}
.topic-card-head,.online-directory-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.topic-card-head .eyebrow{font-size:9px;color:#71867b}
.topic-card-head>i{color:#d58aa5}
.daily-topic-card h2,.online-directory-head h2{margin:5px 0 7px;font-size:17px;line-height:1.25;color:#28523e}
.daily-topic-card>p,.side-copy{margin:0 0 10px;color:#73847a;font-size:11px;line-height:1.55}
.daily-topic-hashtag{display:inline-flex;margin:1px 0 9px;padding:4px 9px;border-radius:99px;background:#eef7f1;color:#39734f;font-size:11px;font-weight:800}
.topic-winner-line{padding:7px 9px;border-radius:9px;background:#fff7e9;color:#8a6331!important;font-weight:750}
.topic-join-button{width:100%;justify-content:center;font-size:11px;padding:9px 10px}
.daily-topic-card small{display:block;margin-top:8px;color:#89968e;font-size:9px;line-height:1.5}
.online-directory-head h2{display:flex;align-items:center;gap:7px;font-size:15px}
.online-directory-head h2 i{color:#57a56b;font-size:12px}
.online-directory-count{display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:99px;background:#e8f4ec;color:#31734b;font-size:11px;font-weight:800}
.online-directory-list{display:grid;gap:7px;max-height:340px;overflow:auto;overscroll-behavior:contain}
.online-directory-person{display:grid;grid-template-columns:9px minmax(0,1fr);align-items:center;gap:7px;border:1px solid #e7eee8;border-radius:10px;background:#fff;padding:8px}
.online-dot{width:8px;height:8px;border-radius:50%;background:#52b76b;box-shadow:0 0 0 3px #e8f6ec}
.online-directory-copy{display:grid;min-width:0;gap:1px}
.online-directory-name{width:max-content;max-width:100%;overflow:hidden;border:0;background:none;padding:0;color:#315c46;font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap;text-align:left}
.online-directory-copy>span{color:#8a9990;font-size:9px}
.online-directory-actions{grid-column:2;display:flex;gap:5px;margin-top:2px}
.online-action{border:1px solid #d9e7dc;border-radius:7px;background:#f7fbf7;color:#42634d;padding:4px 7px;font-size:9px;font-weight:750}
.online-action:hover:not(:disabled){border-color:#95c7a2;background:#edf7ef}
.online-action:disabled{cursor:default;opacity:.56}
.site-metrics{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;margin:15px 0 0;padding:13px 12px;border:1px solid #e1ebe4;border-radius:14px;background:#fffefa;text-align:center}
.site-metric{display:grid;gap:1px;min-width:92px}
.site-metric strong{color:#2f7049;font-size:19px;line-height:1.15}
.site-metric span{color:#77877d;font-size:10px;font-weight:700}
.site-metrics>p{flex-basis:100%;margin:0;color:#98a59e;font-size:9px}
.post-topic-badge,.topic-winner-badge{display:inline-flex;align-items:center;gap:6px;margin:5px 6px 8px 0;padding:4px 8px;border-radius:99px;background:#eff7f1;color:#34734c;font-size:10px;font-weight:750}
.post-topic-badge small{color:#82948a;font-size:9px;font-weight:650}
.topic-winner-badge{background:#fff6e5;color:#94672a}
.topic-award-button{border-color:#ecd6aa;background:#fff9ed;color:#896227}
.topic-award-button:hover{background:#fff1d4}
@media(max-width:720px){.online-directory-list{max-height:270px}.site-metrics{gap:14px;padding:11px 7px}.site-metric{min-width:78px}.daily-topic-card,.online-directory-card{width:100%}}

.side-copy{font-size:12px;color:#74867e;line-height:1.5}

.popup-reply-button{margin-top:12px}.popup-reply-button[hidden]{display:none}


/* Mobile community flow: card nodes are moved at the phone breakpoint; desktop rail remains unchanged. */
.online-directory-toggle{display:none;border:0;background:transparent;color:#71867b;border-radius:8px;padding:5px 7px;font-size:12px;line-height:1}
.online-directory-toggle:hover{background:#f0f7f2;color:#28794e}
.online-directory-toggle:focus-visible{outline:2px solid #71aa84;outline-offset:2px}
@media(max-width:720px){
  .hero-card{display:none}
  .right-rail{display:none}
  #account-card{display:none!important}
  .online-directory-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px}
  .online-directory-toggle[aria-expanded="true"] i{transform:rotate(180deg)}
  .online-directory-toggle i{transition:transform .15s ease}
  .online-directory-list.is-collapsed{display:none}
  .site-metrics{margin-bottom:0}
  .page{margin-bottom:18px}
}


.member-profile-timeline{margin-top:14px;padding-top:12px;border-top:1px solid #e6ece7}
.member-profile-timeline-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.member-profile-timeline-head h3{margin:3px 0 0;font-size:14px;color:#466b55}
.member-profile-timeline-list{display:grid;gap:9px;max-height:min(52vh,520px);overflow:auto;overscroll-behavior:contain;padding:2px}
.profile-timeline-entry{padding:12px 14px}
.profile-timeline-post-meta{display:flex;align-items:center;gap:8px}
.profile-timeline-post-meta .post-kind{margin-top:0}
.profile-timeline-post-meta .post-time{margin-left:auto}
.profile-timeline-entry .post-title{margin-top:9px}
.profile-timeline-entry .post-content{margin:8px 0 2px}
.profile-timeline-empty{padding:24px 14px}
@media(max-width:720px){.member-profile-timeline-list{max-height:46vh}.profile-timeline-entry{padding:11px 12px}}
.bot-chip{display:inline-flex;align-items:center;gap:4px;margin-top:4px;margin-left:6px;border-radius:99px;font-size:10px;font-weight:750;padding:2px 8px;white-space:nowrap}
.news-chip{background:#e3ecf7;color:#2c5f8a}
.house-chip{background:#efe7f6;color:#6b3d8a}
.founding-chip{background:#faf3dd;color:#8a6d1f}
.mute-button{margin-left:6px}

/* Next update (2026-10-14): feed identity lines + header install button */
.post-name-line{display:flex;align-items:center;min-width:0}
.post-sub-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:1px}
.post-sub-line .post-handle{margin-left:0}
.post-sub-line .post-kind{margin-top:0}
.post-sub-line .bot-chip{margin-top:0;margin-left:0}
#install-button{white-space:nowrap}

/* Clean text identity (2026-10-14): strip native button chrome from name/handle */
.post-social-button{appearance:none;-webkit-appearance:none;border:0;background:none;padding:0;margin:0;font:inherit;color:inherit;text-align:left}
.post-name-line .post-author{font-size:15px;font-weight:850;color:#22332c;line-height:1.25}
.post-name-line .post-author:hover{text-decoration:underline}
.post-sub-line .post-handle{font-size:13px;color:#7d8f86}
.post-sub-line .post-handle .post-social-button:hover{text-decoration:underline}
.comment-name{font-weight:850;color:#4a705b}

.delete-button{color:#a25367}
.delete-button:hover{border-color:#eed6dc;background:#fff8fa}

.muted-accounts{margin-top:14px;border-top:1px solid #e4ece7;padding-top:10px}
.muted-accounts-title{font-size:13px;font-weight:800;color:#40544a;margin:0 0 8px}
.muted-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 0}
.muted-name{font-size:13px;color:#5c7267;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.delete-button.armed{background:#fbe9ee;border-color:#e3a7b8;color:#8c2f47;font-weight:800}

#install-button[hidden]{display:none}
@media(max-width:720px){#install-button{display:inline-flex;align-items:center;padding:8px 3px;font-size:0}#install-button>i{font-size:16px;margin:0}}

.badge-chip{font-weight:800}
.badge-platinum{background:#e8eefb;color:#33506e}
.badge-custom{background:#fdf0d5;color:#7c4a03}
.edit-box{margin-top:10px;display:grid;gap:8px}
.edit-box[hidden]{display:none}
.edit-actions{display:flex;gap:8px;flex-wrap:wrap}
.comment-tool{margin-left:8px;border:0;background:none;color:inherit;opacity:.65;font-size:.78em;cursor:pointer;padding:0}
.comment-tool:hover{opacity:1;text-decoration:underline}
.badge-inner{background:#e2f2e9;color:#1e6b4a}
.badge-vip{background:#efe6fb;color:#5b3a8c}
.member-badge-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:8px}
.member-badge-label{font-size:12px;font-weight:800;color:#5c7267}
.badge-tool.selected{border-color:#28794e;background:#e8f4ec;color:#1b5f3b}
.shoutout-how{margin-top:10px;font-size:12px;color:#74867e}
.shoutout-how summary{cursor:pointer;font-weight:800;color:#28794e}
.shoutout-how p{margin:6px 0 0;line-height:1.5}

.text-link{color:var(--green-dark);font-weight:650;text-decoration:underline;text-decoration-color:rgba(27,95,59,.45);text-underline-offset:2px;overflow-wrap:anywhere}.text-link:hover{text-decoration-color:var(--green-dark)}

.profile-bio-box{margin-top:10px;background:var(--green-pale);border:1px solid var(--line);border-radius:14px;padding:10px 12px;text-align:left}.profile-bio{margin:0;font-size:13.5px;line-height:1.55;color:#33523f}.vibe-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.vibe-pill{background:#fff;border:1px solid #cfe3d4;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:650;color:#2c5b40}#member-profile-bio:empty{display:none}

.shoutout-duration{display:flex;gap:6px;margin:8px 0 2px;flex-wrap:wrap}
.shoutout-duration .shout-minutes.selected{background:var(--green-dark);color:#fff;border-color:var(--green-dark)}
.member-credit-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:8px}
.member-credit-tools input[type=number]{width:76px;padding:5px 8px;border:1px solid var(--line);border-radius:9px;font:inherit}
#member-profile-credits:empty{display:none}
.member-credit-balance{font-size:13px;font-weight:650;color:#2c5b40;margin-top:8px}

/* v35: theme menu + themes (Morning light / Night dark / Sand / Ocean) + suggestions */
.header-inner{position:relative}
.theme-menu{position:absolute;top:calc(100% + 2px);right:24px;z-index:40;min-width:168px;background:var(--paper);border:1px solid var(--line);border-radius:13px;box-shadow:0 16px 44px rgba(24,56,41,.22);padding:6px;display:grid;gap:2px}
.theme-option{display:flex;align-items:center;gap:9px;border:0;background:transparent;border-radius:9px;padding:8px 10px;font-size:12px;font-weight:800;color:var(--ink);text-align:left}
.theme-option:hover{background:var(--green-pale)}
.theme-option.active{background:var(--green-pale);box-shadow:inset 0 0 0 1px var(--line)}
.theme-swatch{width:20px;height:20px;border-radius:7px;border:1px solid rgba(0,0,0,.14);flex:0 0 auto}
#suggested-card .social-person{background:transparent;border-color:var(--line)}
@media(max-width:720px){.header-link.theme-button{display:inline-flex;align-items:center;padding:8px 3px;font-size:0}.theme-button>i{font-size:16px;margin:0}.theme-menu{right:12px}}
:root[data-theme="sand"]{--sky:#f3e3ba;--paper:#fffaf0;--ink:#463a28;--line:#e8dcc0;--green-pale:#f3ecd8;--shadow:0 10px 28px rgba(122,96,40,.12)}
:root[data-theme="sand"] body{background:#faf3e0 radial-gradient(#ecdfc2 .8px,transparent .8px)}
:root[data-theme="sand"] .site-header{border-bottom-color:#e0d0a4}
:root[data-theme="sand"] .hero-card{background:linear-gradient(120deg,#fffaf0,#fdf3da)}
:root[data-theme="truck"]{--sky:#f5c518;--paper:#fff8e7;--ink:#43151d;--line:#e3c287;--green-pale:#fdeec9;--shadow:0 10px 28px rgba(90,20,20,.18);--green:#c1272d;--green-dark:#8f1d22;--pink:#14467c}
:root[data-theme="truck"] body{background:#a31621 radial-gradient(#bc2f3a .8px,transparent .8px)}
:root[data-theme="truck"] .site-header{border-bottom-color:#d9a83c}
:root[data-theme="truck"] .hero-card{background:linear-gradient(120deg,#fff8e7,#fdf3d0)}
:root[data-theme="truck"] .brand-name{color:#8f1d22}
:root[data-theme="truck"] .header-link,:root[data-theme="truck"] .profile-button{color:#6d1420}
:root[data-theme="truck"] .profile-button{background:#fff8e7;border-color:#d9a83c}
:root[data-theme="truck"] .publish-button{box-shadow:0 3px 0 #7e1420}
:root[data-theme="truck"] .compose-mode-button.active,:root[data-theme="truck"] .feed-filter.active{background:#fdeec9;border-color:#e3c287;color:#8f1d22}
:root[data-theme="truck"] .toast{background:#7e1420}
:root[data-theme="truck"] .announcement-strip{background:linear-gradient(120deg,#fdf3d0,#fff8e7);border-color:#e3c287}
:root[data-theme="dark"]{--sky:#152720;--paper:#182720;--ink:#e3efe6;--line:#2c4a3a;--green-pale:#20382c;--shadow:0 10px 28px rgba(0,0,0,.42);--ar-ink:#8fe3ae}
:root[data-theme="dark"] body{background:#0f1a14 radial-gradient(#1d2f24 .8px,transparent .8px);background-size:16px 16px;color:var(--ink)}
:root[data-theme="dark"] .site-header{border-bottom-color:#24402f;box-shadow:none}
:root[data-theme="dark"] .brand-name{color:#bfe3cd}
:root[data-theme="dark"] .header-link,:root[data-theme="dark"] .profile-button{color:#cfe6d6}
:root[data-theme="dark"] .profile-button{background:#1d3125;border-color:#33523f}
:root[data-theme="dark"] .hero-card{background:linear-gradient(120deg,#182720,#1d3125)}
:root[data-theme="dark"] .hero-card h1{color:#dcefe1}
:root[data-theme="dark"] .hero-card p,:root[data-theme="dark"] .hero-meta{color:#9db8a8}
:root[data-theme="dark"] .identity-input,:root[data-theme="dark"] textarea,:root[data-theme="dark"] .comment-input{background:#1f332a;color:#e6f2ea;border-color:#33523f}
:root[data-theme="dark"] textarea::placeholder,:root[data-theme="dark"] input::placeholder{color:#7d968a}
:root[data-theme="dark"] .social-person,:root[data-theme="dark"] .inbox-message,:root[data-theme="dark"] .activity-item,:root[data-theme="dark"] .role-row,:root[data-theme="dark"] .moderation-queue-row,:root[data-theme="dark"] .moderation-audit-row,:root[data-theme="dark"] .member-profile-card,:root[data-theme="dark"] .popup-body{background:#1f332a;border-color:#33523f}
:root[data-theme="dark"] dialog{background:var(--paper)}
:root[data-theme="dark"] .dialog-top h2,:root[data-theme="dark"] .post-author,:root[data-theme="dark"] .post-title,:root[data-theme="dark"] .auth-heading h2,:root[data-theme="dark"] .composer-title,:root[data-theme="dark"] .side-title,:root[data-theme="dark"] .social-section h3,:root[data-theme="dark"] .inbox-section h3,:root[data-theme="dark"] .social-person-name,:root[data-theme="dark"] .member-profile-card strong{color:#cfe6d6}
:root[data-theme="dark"] .post-content{color:#c3d8c9}
:root[data-theme="dark"] .post-handle,:root[data-theme="dark"] .post-time,:root[data-theme="dark"] .side-copy,:root[data-theme="dark"] .dialog-copy,:root[data-theme="dark"] .social-person-handle,:root[data-theme="dark"] .comment,:root[data-theme="dark"] .guideline{color:#93ad9d}
:root[data-theme="dark"] .comment-name{color:#a9c6b4}
:root[data-theme="dark"] .small-tool,:root[data-theme="dark"] .secondary-button{background:#1f332a;color:#b9d2c2;border-color:#33523f}
:root[data-theme="dark"] .reaction-button,:root[data-theme="dark"] .comment-summary,:root[data-theme="dark"] .share-button{background:#22392d;color:#a9c6b4}
:root[data-theme="dark"] .status-banner{background:#1d3125;border-color:#33523f;color:#a9c6b4}
:root[data-theme="dark"] .status-banner.offline{background:#33291d;border-color:#52402a;color:#d8bd8f}
:root[data-theme="dark"] .shoutout-card{background:linear-gradient(120deg,#241a20,#2a1f26);border-color:#4a3540}
:root[data-theme="dark"] .shoutout-live{background:rgba(255,255,255,.06);border-color:#5a4350;color:#cbb3bf}
:root[data-theme="dark"] .shoutout-body{color:#e8d5de}:root[data-theme="dark"] .announcement-strip{background:linear-gradient(120deg,#1d3328,#20382c);border-color:#35634a}:root[data-theme="dark"] .announcement-label{color:#8fe3ae}:root[data-theme="dark"] .announcement-empty{color:#a9c4b2}
:root[data-theme="dark"] .credit-pill{background:#2a1f26;border-color:#5a4350}
:root[data-theme="dark"] .verification-note,:root[data-theme="dark"] .demo-disclaimer{background:#33291d;border-color:#52402a;color:#d8bd8f}
:root[data-theme="dark"] .post-kind{background:#22392d;color:#a9c6b4}
:root[data-theme="dark"] .role-badge{background:#22392d;color:#a9c6b4}
:root[data-theme="dark"] .tiny-avatar,:root[data-theme="dark"] .avatar,:root[data-theme="dark"] .post-avatar{background:#22392d;color:#a9c6b4}

/* v38: new joiners (moderation centre) */
.joiner-new-pill{border-radius:99px;background:#e8f4ec;color:#28794e;font-size:9px;font-weight:850;padding:3px 7px;flex:0 0 auto}
:root[data-theme="dark"] .joiner-new-pill{background:#22392d;color:#a9c6b4}
#moderation-joiners .social-person{background:transparent}

/* v42: guest join banner + clear sticky feed tabs */
.guest-join-banner{margin-top:15px;padding:15px 18px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.guest-join-banner[hidden]{display:none}
.guest-join-banner p{margin:0;flex:1 1 260px;font-size:13.5px;color:#527061}
.guest-join-actions{display:flex;gap:8px;flex-wrap:wrap}
.feed-filters{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;background:var(--green-pale);border:1px solid var(--line);border-radius:13px;padding:5px;margin:0 2px 12px;position:sticky;top:8px;z-index:30;justify-content:stretch}
.feed-filter{padding:10px 4px;font-size:13px;border-radius:9px;text-align:center}
.feed-filter i{margin-right:5px}
.feed-filter.active{background:var(--paper);border-color:#cfe4d5;color:var(--green);box-shadow:0 2px 8px rgba(40,84,68,.12)}
@media (max-width:720px){.feed-filter{font-size:12px;padding:10px 2px}.feed-filter i{margin-right:3px}}

/* v43: signed-out preview */
.preview-note{margin-bottom:12px;padding:13px 16px;display:flex;gap:11px;align-items:center}
.preview-note i{color:var(--green);font-size:17px}
.preview-note strong{display:block;font-size:13.5px}
.preview-note span{font-size:12.5px;color:#6b8077}
.preview-actions{border-top:1px solid var(--line);padding-top:9px}
.preview-hint{font-size:12px;color:#84958b;font-weight:700}

/* v44: online users as a count tab beside the status line */
.status-wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.status-banner{flex:1 1 auto}
.online-tab{display:inline-flex;align-items:center;gap:7px;border:1px solid #cfe4d5;background:var(--green-pale);color:var(--green);font-weight:850;font-size:13px;border-radius:999px;padding:8px 13px;cursor:pointer}
.online-tab[hidden]{display:none}
.online-tab i{font-size:12px}
.online-tab-count{font-variant-numeric:tabular-nums}
.online-panel{flex:1 1 100%;padding:14px 16px}
.online-panel[hidden]{display:none}
.online-panel-head{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}
.online-panel-head h2{font-size:14px;margin:0;color:#355b4b}
.online-panel-head span{font-size:12px;color:#84958b}

/* v51: share card dialog */
.share-preview{position:relative}
.share-preview canvas{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:14px;background:#fffefa}
.share-preparing{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;color:var(--muted);font-weight:700;background:rgba(255,254,250,.65);border-radius:14px}
.share-preparing[hidden]{display:none}
.share-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.share-actions .publish-button,.share-actions .secondary-button{flex:1 1 42%}
.share-note{margin-top:10px}

/* v55: hero illustration */
.hero-card{display:flex;align-items:center;gap:22px}
.hero-copy{flex:1;min-width:0}
.hero-art{flex:0 0 302px}
.hero-art svg{width:100%;height:auto;display:block}
@media (max-width:720px){.hero-card{flex-direction:column;gap:8px}.hero-art{flex:none;width:min(330px,94%)}}

/* v56: shoutout panel in the status line; topic card removed */
.shoutout-tab span{white-space:nowrap}
.shoutout-panel .shoutout-card{border:0;box-shadow:none;background:transparent;padding:0;margin:0;border-radius:0}
.shoutout-panel .online-panel-head{margin-bottom:8px}

/* v57: hero card removed; the chai scene lives faintly behind the header */
.site-header{position:relative}
.site-metrics{position:relative;overflow:hidden}
.site-metrics>*:not(.metrics-art){position:relative;z-index:1}
.metrics-art{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:210%;opacity:.15;pointer-events:none;z-index:0}
.metrics-art svg{height:100%;width:auto;display:block}

/* v69: footer counts replaced with the tagline line; the chai art stays behind it */
.site-metrics>p.metrics-line{flex-basis:auto;margin:0;font-size:19px;font-weight:800;line-height:1.45}
.metrics-bubble{font-size:21px;vertical-align:-2px}
.metrics-brand{background:linear-gradient(92deg,#1d9e57 5%,#0ea5b7 42%,#f59e0b 78%,#ef5da8);-webkit-background-clip:text;background-clip:text;color:transparent}
.metrics-dash{color:#b9c8be;font-weight:600}
.metrics-tag{color:#b45309}
@media(max-width:720px){.site-metrics>p.metrics-line{font-size:16px}}

/* v71: friendly knock restyled to the soft white card Mazeen picked (Style C) — v70 behaviour unchanged */
.knock-bar{position:fixed;z-index:11;left:50%;bottom:18px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;width:min(500px,calc(100% - 24px));border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink);padding:10px 14px;font-size:13px;text-align:left;box-shadow:0 14px 34px rgba(32,59,53,.18);cursor:pointer;animation:knock-in .25s ease}
.knock-bar:hover{border-color:#cfe0d5}
.knock-icon{width:40px;height:40px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff;font-size:17px}
.knock-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.knock-name{font-size:15px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.knock-sub{font-size:12.5px;opacity:.62}
.knock-open{flex:0 0 auto;background:var(--green);color:#fff;border-radius:99px;padding:5px 13px;font-size:12.5px;font-weight:800}
@keyframes knock-in{from{transform:translate(-50%,14px);opacity:0}to{transform:translate(-50%,0);opacity:1}}

/* v72: member avatars — a picked SVG face replaces the initial letter wherever a name appears */
.has-avatar{background:transparent!important;border-radius:50%;overflow:hidden;padding:0}
.avatar-img{width:100%;height:100%;display:block}
.comment-avatar{width:22px;height:22px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:#edf5ed;color:#508061;font-size:10px;font-weight:800;overflow:hidden}
.member-avatar{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#e9f4e9;color:var(--green);font-size:20px;font-weight:800;overflow:hidden}
.avatar-picker{display:flex;flex-wrap:wrap;gap:9px;margin:2px 0 4px}
.avatar-choice{width:52px;height:52px;border-radius:50%;border:2px solid var(--line);background:var(--paper);padding:0;overflow:hidden;display:grid;place-items:center;cursor:pointer}
.avatar-choice img{width:100%;height:100%;display:block}
.avatar-choice.selected{border-color:var(--green);box-shadow:0 0 0 3px rgba(40,121,78,.18)}
.avatar-choice-none{font-weight:900;color:var(--green);background:var(--green-pale);font-size:16px}
.header-inner{position:relative;z-index:1}


/* v60: Urdu-script display names in Nastaliq (names only — @handles keep the regular font) */
.urdu-name{font-family:"Jameel Noori Nastaleeq","Noto Nastaliq Urdu",serif;font-size:1.22em;line-height:1.85;font-weight:600}

/* v61: a live shoutout shows as a strip under the status line — visible to everyone, no tap needed */
.shoutout-strip{flex:1 1 100%;display:flex;gap:11px;align-items:flex-start;margin-top:10px;padding:11px 14px;border:1.5px solid var(--green);border-radius:14px;background:var(--green-pale);cursor:pointer;text-align:left}
.shoutout-strip[hidden]{display:none}
.shoutout-strip-icon{color:var(--green);font-size:18px;margin-top:3px}
.shoutout-strip-main{flex:1;min-width:0}
.shoutout-strip-who{display:block;font-weight:800;font-size:13px;color:var(--green);margin-bottom:2px}
.shoutout-strip-body{font-size:15.5px;line-height:1.55;overflow-wrap:anywhere}
.shoutout-strip-time{font-size:12px;font-weight:800;color:var(--green);white-space:nowrap;margin-top:2px}

/* v63: back-button exit confirmation */
#exit-dialog{border:0;border-radius:18px;padding:0;max-width:min(92vw,380px);background:var(--paper);color:var(--ink)}
.exit-dialog-card{padding:24px 22px;text-align:center;display:grid;gap:9px;justify-items:center}
.exit-dialog-card h2{font-size:20px;line-height:1.3}
.exit-dialog-card p{color:var(--muted);font-size:14px}
.exit-dialog-actions{display:flex;gap:9px;margin-top:7px;flex-wrap:wrap;justify-content:center}

/* v64: member search + super-user broadcast mail in the moderation centre */
.member-search .role-list{margin-top:8px}
.broadcast-box{display:grid;gap:8px;margin-bottom:14px}
.broadcast-selectall{display:flex;gap:8px;align-items:center;font-weight:700;font-size:13.5px}
.broadcast-selectall span{color:var(--muted);font-weight:600}
.broadcast-list{max-height:216px;overflow:auto;display:grid;gap:5px}
.broadcast-row{display:flex;gap:9px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:11px;background:var(--paper);cursor:pointer}
.broadcast-row-name{font-weight:750}
.broadcast-row-handle{color:var(--muted);font-size:12.5px}
.broadcast-note{color:var(--muted);font-size:12.5px}

.push-card p{margin:0}
.push-card .guest-join-actions{margin-top:.55rem}

/* v73: reaction animation (pure CSS, zero assets) */
@keyframes react-pop{0%{transform:scale(1)}35%{transform:scale(1.16)}65%{transform:scale(.94)}100%{transform:scale(1)}}
.reaction-button.react-pop{animation:react-pop .38s ease}
@keyframes react-pulse{0%{box-shadow:0 0 0 0 rgba(40,121,78,.45)}100%{box-shadow:0 0 0 10px rgba(40,121,78,0)}}
/* v81: Facebook-style reactions — summary line, React button + tray, emoji burst */
.reaction-summary{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:12px;color:#82948a}
.reaction-summary-icons{font-size:14px;letter-spacing:1px}
.react-wrap{position:relative;display:inline-block}
.reaction-tray{position:absolute;left:0;bottom:calc(100% + 8px);display:flex;gap:2px;background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:6px 8px;box-shadow:0 14px 34px rgba(24,56,41,.22);z-index:8}
.reaction-option{display:flex;flex-direction:column;align-items:center;border:0;background:transparent;border-radius:12px;padding:3px 5px;cursor:pointer}
.reaction-option .reaction-emoji{font-size:25px;line-height:1.15;display:inline-block;transition:transform .12s ease}
.reaction-option:hover .reaction-emoji{transform:scale(1.3) translateY(-3px)}
.reaction-option-count{font-size:10px;font-weight:800;color:#82948a}
.reaction-button .reaction-emoji{display:inline-block}
.reaction-button.selected[data-current="love"]{background:#fde7ef;color:#b02a52;border-color:#f0b9cd}
.reaction-button.selected[data-current="clap"]{background:#fdf3d7;color:#8a6d0d;border-color:#ecd28a}
.reaction-button.selected[data-current="fire"]{background:#fdeadd;color:#a34d14;border-color:#f5bd8d}
.reaction-button.selected[data-current="laugh"]{background:#fdf8d8;color:#7d6c08;border-color:#eadf8a}
@keyframes emoji-pop{0%{transform:scale(1) rotate(0deg)}30%{transform:scale(1.8) rotate(-10deg)}55%{transform:scale(.9) rotate(5deg)}75%{transform:scale(1.22) rotate(-2deg)}100%{transform:scale(1) rotate(0deg)}}
.reaction-option.react-pop .reaction-emoji{animation:emoji-pop .55s ease-out}
.react-main .reaction-emoji.emoji-pop-now{animation:emoji-pop .55s ease-out}
.burst-layer{position:fixed;inset:0;pointer-events:none;z-index:60}
.burst-particle{position:fixed;font-size:18px;transform:translate(-50%,-50%);animation:burst-fly .7s ease-out forwards}
@keyframes burst-fly{0%{transform:translate(-50%,-50%) scale(1) rotate(0deg);opacity:1}100%{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.35) rotate(var(--rot));opacity:0}}
.reaction-button.react-pulse{animation:react-pulse .8s ease-out 2}
@media(prefers-reduced-motion:reduce){.reaction-button.react-pop,.reaction-button.react-pulse{animation:none}}

/* v73: install page + guest install card */
.install-card{display:flex;align-items:center;gap:10px}
.install-card p{margin:0;flex:1;font-size:12px;color:#52725b}
.install-card-icon{font-size:19px;color:var(--green)}
.install-card-close{flex:0 0 auto;border:0;background:transparent;color:#8b9a92;width:28px;height:28px;border-radius:8px}
.install-card-close:hover{background:#f2f7f3}
.install-hero{display:flex;gap:14px;align-items:center;margin-bottom:8px}
.install-app-icon{width:84px;height:84px;border-radius:20px;box-shadow:var(--shadow);flex:0 0 auto}
.install-app-name{font-size:24px;font-weight:900;color:#21533c;margin:0;letter-spacing:-.5px}
.install-app-tag{margin:2px 0 0;color:var(--pink);font-family:Georgia,serif;font-style:italic;font-size:13px}
.install-app-meta{margin:3px 0 0;font-size:11px;color:#84958b;font-weight:700}
.install-chips{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.install-chips span{border:1px solid #dce7df;background:#f3f8f4;color:#55745f;border-radius:99px;padding:4px 10px;font-size:11px;font-weight:750}
.install-cta{width:100%;padding:13px;font-size:14px}
.install-done{background:#eef8f0;border:1px solid #cee4d2;color:#2d7b4b;border-radius:10px;padding:10px 12px;font-size:12px;margin:12px 0 0}
.install-steps{margin-top:16px;border-top:1px dashed #e0e9e1;padding-top:12px}
.install-steps h3{margin:0 0 9px;font-size:13px;color:#466b55}
.install-steps ol{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.install-steps li{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:#385347;line-height:1.5}
.install-steps li i{color:var(--green);margin-top:3px;width:16px;text-align:center;flex:0 0 auto}

/* v74: inline pop-up reply */
.popup-reply-box{margin-top:12px;border-top:1px dashed #e0eae2;padding-top:12px}
.popup-reply-text{min-height:64px;resize:vertical}
.popup-reply-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;color:#8a9a91;font-size:10px}

/* Android app download strip (2026-11-01) — links the web app to /download.html */
.app-download-strip{display:flex;align-items:center;gap:10px;margin-top:9px;padding:10px 14px;border:1px solid #bcd8c5;border-radius:13px;background:linear-gradient(120deg,#eef8f0,#fffefa);color:#203b35;text-decoration:none;box-shadow:0 6px 18px rgba(40,84,68,.07)}
.app-download-strip:hover{border-color:#8fc7a4}
.app-download-strip-icon{width:30px;height:30px;flex:0 0 auto;display:grid;place-items:center;border-radius:999px;background:#28794e;color:#fff;font-size:14px}
.app-download-strip-text{flex:1;min-width:0;font-size:13px;color:#41604f}
.app-download-strip-text strong{color:#1b5f3b}
.app-download-strip-arrow{font-weight:900;color:#df5f8d;font-size:16px}