*{box-sizing:border-box}.role-notice{display:grid;gap:6px;border-left:4px solid var(--brand)}.empty-feed-state,.empty-discovery-state,.masjid-follow-nudge{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--line, var(--border));border-radius:8px;background:var(--surface, var(--panel-bg))}.empty-feed-state svg,.empty-discovery-state svg,.masjid-follow-nudge svg{flex:0 0 auto;color:var(--brand)}.empty-feed-state strong,.empty-feed-state p,.empty-discovery-state strong,.empty-discovery-state p,.masjid-follow-nudge strong,.masjid-follow-nudge p{margin:0}.empty-feed-state p,.empty-discovery-state p,.masjid-follow-nudge p{margin-top:4px;color:var(--muted)}.empty-feed-state .manager-row{margin-top:12px}.empty-discovery-state{min-height:180px;align-content:center;flex-direction:column}.masjid-follow-nudge{margin-top:14px}.person-card{position:relative;overflow:hidden}.person-banner,.profile-banner{min-height:112px;border-radius:8px;background:linear-gradient(135deg,#0f766e2e,#b0781a33),linear-gradient(45deg,#e4f3ef,#f7f1e5);background-size:cover;background-position:center}.network-avatar{margin-top:-36px;margin-left:18px;border:4px solid var(--panel-bg);box-shadow:var(--shadow)}.profile-banner{margin-bottom:-42px}.profile-detail .profile-hero{position:relative;align-items:end;padding-top:8px}.modal-backdrop{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:22px;background:#070f0d94;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.application-modal{width:min(760px,100%);max-height:min(820px,92dvh);overflow:auto;box-shadow:var(--shadow)}.modal-form{margin-top:16px}.question-field{display:grid;gap:8px;font-weight:800}.question-field span{color:var(--text)}.application-portal{display:grid;gap:12px}.application-card{display:grid;gap:12px;padding:16px;border:1px solid var(--border);border-radius:8px;background:var(--panel-soft)}.application-card pre{margin:0;white-space:pre-wrap;color:var(--muted);font-size:12px}.dm-search{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--panel-soft)}.dm-search input{border:0;outline:0;background:transparent;width:100%}.dm-inbox-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 8px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--panel-soft)}.dm-inbox-summary strong,.dm-inbox-summary span{text-align:center}.dm-inbox-summary strong{color:var(--text);font-size:18px}.dm-inbox-summary span{color:var(--muted);font-size:11px;font-weight:850}.dm-filter-row,.quick-reply-row{display:flex;flex-wrap:wrap;gap:8px}.dm-filter-row button,.quick-reply-row button{width:auto;min-height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:999px;padding:0 12px;background:#fff;color:var(--muted);font-size:12px;font-weight:850}.dm-filter-row button.active,.dm-filter-row button:hover,.quick-reply-row button:hover{border-color:var(--brand);background:#edf7f4;color:var(--brand);box-shadow:none}.inbox-list button{grid-template-columns:42px 1fr auto;align-items:center;column-gap:10px}.dm-avatar{width:42px;height:42px;grid-row:span 3}.message-thread{min-height:72dvh;display:grid;grid-template-rows:auto minmax(280px,1fr) auto;min-height:0}.message-composer{position:sticky;bottom:0;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:end;gap:8px;padding-top:10px;background:var(--panel-bg)}.message-composer textarea{width:100%;min-width:0;min-height:46px;max-height:120px;resize:vertical}.message-composer .dm-add-button,.message-composer .primary-button{align-self:end}.message-composer .primary-button{width:42px;min-width:42px;height:42px;min-height:42px;padding:0;display:grid;place-items:center;border-radius:50%}.quick-reply-row{align-self:end}.dm-empty-state{min-height:42vh;display:grid;place-items:center;align-content:center;gap:10px;text-align:center;color:var(--muted)}.dm-empty-state h2,.dm-empty-state p{margin:0}.dm-empty-state h2{color:var(--text)}.notification-card,.prayer-settings-card,.prayer-app-layout{display:grid;gap:12px}.compact-location-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.compact-location-form input,.preference-select select{min-width:0;min-height:44px;border:1px solid var(--border);border-radius:8px;padding:0 12px;background:var(--panel-bg);color:var(--text)}.prayer-preference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.preference-select{display:grid;gap:7px;color:var(--muted);font-weight:850}.message-error{margin:0;color:#b42318;font-size:13px;font-weight:800}.spin-icon{animation:mujtama-spin .8s linear infinite}@keyframes mujtama-spin{to{transform:rotate(360deg)}}.pull-refresh-indicator,.refresh-strip{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:850}.refresh-strip{justify-content:space-between;padding:10px 2px}.refresh-strip button{width:auto;min-height:36px;border:0;border-radius:999px;display:inline-flex;align-items:center;gap:7px;padding:0 13px;background:var(--panel-soft);color:var(--text);font-weight:900}.profile-subline{color:var(--muted);font-size:13px}.panel,.feed-post,.mini-row,.person-card,.organization-card,.metric-card,.application-card{border-color:color-mix(in srgb,var(--border),transparent 55%);border-radius:8px;box-shadow:0 12px 34px #14241f14}.feed-post,.mini-row,.person-card,.organization-card{overflow:hidden}.dm-thread-row{border-color:transparent;background:color-mix(in srgb,var(--panel-bg),var(--panel-soft) 45%)}.dm-thread-row.active,.dm-thread-row:hover{background:color-mix(in srgb,var(--brand),var(--panel-bg) 90%)}@media(max-width:760px){.landing-nav{align-items:flex-start;padding-top:16px}.landing-nav nav{display:none}.landing-hero{min-height:auto;grid-template-columns:1fr;padding:34px 0 56px}.landing-hero h1{font-size:clamp(48px,16vw,68px)}.landing-actions,.store-button,.landing-web-link{width:100%}.store-button,.landing-web-link{justify-content:center}.landing-phone{width:min(320px,100%)}.landing-band{margin-top:0;grid-template-columns:1fr}.messaging-layout{grid-template-columns:1fr}.application-modal{max-height:94dvh}}:root{--page-bg: #f7f0e4;--panel-bg: #ffffff;--panel-soft: #fcf7ee;--surface: #fffaf2;--surface-muted: #f2eadc;--surface-raised: #fffdf8;--ink: #211b13;--ink-soft: #332a20;--line: #e2d4bf;--text: #211b13;--muted: #514636;--border: #e2d4bf;--brand: #0d5f53;--brand-strong: #073f38;--accent: #bd8c3a;--accent-contrast: #fff8ec;--shadow: 0 18px 50px rgba(84, 61, 33, .12)}:root[data-theme=dark]{--page-bg: #101513;--panel-bg: #19211f;--panel-soft: #242d2a;--text: #f1f5f3;--muted: #b7c3bf;--border: #3a4642;--brand: #35cbb9;--brand-strong: #7de6dc;--shadow: 0 18px 50px rgba(0, 0, 0, .34)}html,body,#root{min-height:100%;margin:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--page-bg);color:var(--text);overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}.landing-page{min-height:100dvh;color:#10231e;background:radial-gradient(circle at 78% 8%,rgba(15,118,110,.12),transparent 30rem),radial-gradient(circle at 10% 86%,rgba(184,135,50,.13),transparent 28rem),linear-gradient(180deg,#faf4e9f0,#eff7f3e6),url(/icons/mujtama-icon-light-512.png) center 12% / min(520px,82vw) no-repeat}.landing-nav{width:min(1180px,calc(100% - 36px));margin:0 auto;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}.landing-brand,.landing-nav nav,.landing-actions,.landing-web-link,.store-button{display:inline-flex;align-items:center}.landing-brand{gap:10px;color:#10231e}.landing-brand span{width:42px;height:42px;border-radius:8px;overflow:hidden;background:#0f766e}.landing-brand img{width:100%;height:100%;object-fit:cover}.landing-brand strong{font-size:17px}.landing-nav nav{gap:8px}.landing-nav nav a,.landing-web-link{min-height:40px;border-radius:8px;padding:0 14px;color:#10231e;background:#ffffffb8;border:1px solid rgba(15,118,110,.16)}.landing-hero{width:min(1180px,calc(100% - 36px));min-height:calc(100dvh - 156px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,420px);align-items:center;gap:clamp(28px,6vw,86px);padding:36px 0 70px}.landing-hero-copy{display:grid;gap:18px;max-width:710px}.landing-hero h1{margin:0;font-size:clamp(48px,8vw,96px);line-height:.9;letter-spacing:0}.landing-brand-alias{color:#0f766e;font-weight:900}.landing-hero p{margin:0;max-width:620px;color:#3d5750;font-size:clamp(18px,2.2vw,24px);line-height:1.45}.landing-actions{gap:10px;flex-wrap:wrap;margin-top:8px}.store-button{min-width:184px;min-height:58px;gap:10px;padding:0 16px;border-radius:8px;color:#fff;background:#10231e;box-shadow:0 14px 30px #10231e2e}.store-button span{display:grid;gap:1px}.store-button small{font-size:11px;color:#ffffffc7}.store-button strong{font-size:17px}.landing-web-link{width:fit-content;margin-top:2px;font-weight:900}.landing-phone{justify-self:center;width:min(360px,84vw);aspect-ratio:.5;padding:14px;border-radius:32px;background:#10231e;box-shadow:0 28px 70px #10231e47}.landing-phone-screen{height:100%;border-radius:24px;overflow:hidden;padding:22px;display:grid;align-content:start;gap:14px;background:#f7fbf8}.phone-top,.phone-prayer,.phone-update,.phone-tabs{border:1px solid rgba(15,118,110,.14);border-radius:8px;background:#fff}.phone-top{display:flex;justify-content:space-between;padding:14px;color:#4f655e}.phone-prayer{display:grid;gap:4px;padding:18px;background:#0f766e;color:#fff}.phone-prayer strong{font-size:42px}.phone-prayer em{font-style:normal;color:#ffffffc2}.phone-update{display:grid;gap:5px;padding:14px}.phone-update span{color:var(--muted)}.phone-tabs{margin-top:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px}.phone-tabs span{height:8px;border-radius:8px;background:#dce8e4}.phone-tabs span:first-child{background:#0f766e}.landing-band{width:min(1180px,calc(100% - 36px));margin:-42px auto 0;padding:18px 0 34px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.landing-band div{display:grid;gap:6px;padding:18px;border-top:1px solid rgba(15,118,110,.18)}.landing-band strong{font-size:18px}.landing-band span{color:#4f655e;line-height:1.45}.landing-trust,.public-info-page{width:min(1180px,calc(100% - 36px));margin:0 auto}.landing-trust{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;padding:24px 0 58px;border-top:1px solid rgba(15,118,110,.18)}.landing-trust h2,.public-info-hero h1,.public-info-sections h2{margin:0;letter-spacing:0}.landing-trust h2{max-width:760px;font-size:clamp(28px,4vw,46px);line-height:1.05}.landing-trust p,.public-info-hero p,.public-info-sections p{color:#4f655e;line-height:1.6}.landing-trust nav,.public-info-nav nav{display:flex;flex-wrap:wrap;gap:8px}.landing-trust nav a{min-height:42px;display:inline-flex;align-items:center;padding:0 14px;border-radius:8px;background:#fff;border:1px solid rgba(15,118,110,.16)}.public-info-page{min-height:100dvh;padding-bottom:64px}.public-info-nav{width:100%}.public-info-hero{max-width:860px;padding:56px 0 28px}.public-info-hero h1{font-size:clamp(42px,7vw,76px);line-height:.95}.public-info-hero p{font-size:clamp(18px,2vw,22px)}.public-info-sections{display:grid;gap:12px;max-width:920px}.public-info-sections article{padding:20px 0;border-top:1px solid rgba(15,118,110,.18)}.public-info-sections h2{font-size:22px}@media(max-width:760px){.landing-page{min-height:100dvh;background:linear-gradient(180deg,#fffffff5,#eef5f2f5),url(/icons/mujtama-icon-512.png) center 88px / min(320px,78vw) no-repeat}.landing-nav{width:min(100% - 28px,1180px);min-height:68px;padding-top:8px;align-items:center}.landing-nav nav{display:none}.landing-brand strong{font-size:16px}.landing-hero{width:min(100% - 28px,1180px);min-height:auto;grid-template-columns:1fr;justify-items:stretch;gap:28px;padding:26px 0 34px}.landing-hero-copy{gap:14px}.landing-hero h1{max-width:9ch;font-size:clamp(44px,14vw,64px);line-height:.94}.landing-hero p{font-size:17px;line-height:1.5}.landing-actions,.store-button,.landing-web-link{width:100%}.landing-actions{gap:8px}.store-button,.landing-web-link{justify-content:center}.store-button{min-width:0}.landing-phone{width:min(300px,78vw);padding:10px;border-radius:28px}.landing-phone-screen{border-radius:22px;padding:16px;gap:10px}.phone-top,.phone-update{padding:12px}.phone-prayer{padding:14px}.phone-prayer strong{font-size:34px}.landing-band{width:min(100% - 28px,1180px);margin-top:0;padding:0 0 28px;grid-template-columns:1fr}.landing-band div{padding:16px 0}.landing-trust,.public-info-page{width:min(100% - 28px,1180px)}.landing-trust{grid-template-columns:1fr;padding:18px 0 38px}.landing-trust nav,.landing-trust nav a,.public-info-nav nav,.public-info-nav nav a{width:100%}.landing-trust nav a,.public-info-nav nav a{justify-content:center}.public-info-nav{align-items:flex-start}.public-info-nav nav{display:flex;margin-bottom:10px}.public-info-hero{padding:34px 0 20px}}a{color:#0f766e;font-weight:800;text-decoration:none}.app{width:min(1440px,100%);min-height:100dvh;margin:0 auto;display:grid;grid-template-columns:286px minmax(0,1fr);gap:18px;padding:88px 22px 28px;position:relative;z-index:1}.app.auth-only{grid-template-columns:minmax(0,520px);place-content:center;padding:24px}.app-glow{position:fixed;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(15,118,110,.09),transparent 38%),linear-gradient(240deg,rgba(176,120,26,.08),transparent 42%)}.top-nav{position:fixed;z-index:40;top:0;left:0;right:0;height:calc(66px + env(safe-area-inset-top));display:grid;grid-template-columns:auto minmax(280px,560px) auto;align-items:center;gap:18px;padding:env(safe-area-inset-top) max(22px,calc((100vw - 1440px)/2 + 22px)) 0;background:#ffffffe0;border-bottom:1px solid #dbe4e2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand,.profile-chip,.composer-main button,.side-nav button,.post-actions button,.filter-bar button,.text-action,.composer-actions button,.compact-card button,.mobile-bottom-nav button{border:0;background:transparent}.brand{display:inline-flex;align-items:center;gap:10px;color:#10231e;padding:0;min-width:max-content}.brand span,.profile-avatar,.org-logo{display:grid;place-items:center;color:#fff;background:#0f766e;font-weight:900}.brand span{width:38px;height:38px;border-radius:8px}.brand-logo img{width:100%;height:100%;display:block;border-radius:inherit;object-fit:cover}.brand strong{font-size:17px}.global-search{width:100%;min-width:0;height:44px;display:flex;align-items:center;gap:10px;background:#edf7f4;border:1px solid #cfe0dc;border-radius:8px;color:#58706a;padding:0 13px}.global-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#17221d}.search-wrap{position:relative;min-width:0}.search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:45;background:#fff;border:1px solid #d8e2df;border-radius:8px;box-shadow:0 18px 50px #14241f2e;padding:8px;display:grid;gap:6px}.search-results button{border:0;background:#f8fbfa;color:#17221d;text-align:left;border-radius:8px;padding:10px;display:grid;gap:2px}.search-results span{color:#0f766e;font-size:11px;font-weight:900;text-transform:uppercase}.search-results small,.helper-text{color:var(--muted);line-height:1.4}.search-results p{margin:0;padding:8px;color:var(--muted)}.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.icon-button,.dm-top-button,.post-button,.primary-button,.secondary-button{border:1px solid #d8e2df;background:#fff;color:#23322d;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;min-height:40px;padding:9px 12px}.icon-button{width:40px;padding:0}.notification-button{position:relative}.notification-button em{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;display:grid;place-items:center;border-radius:999px;background:#9f1239;color:#fff;font-size:10px;font-style:normal;font-weight:900;line-height:1}.dm-top-button{position:relative;min-width:40px;padding:0}.dm-top-button span{position:absolute;top:-6px;right:-6px;min-width:18px;min-height:18px;display:grid;place-items:center;border-radius:999px;background:#9f1239;color:#fff;font-size:10px;font-weight:900}.post-button,.primary-button{background:#0f766e;border-color:#0f766e;color:#fff;font-weight:850}.secondary-button{color:#0f766e;font-weight:800}.secondary-button.danger{color:#9f1239;border-color:#fecdd3;background:#fff1f2}.primary-button.danger{background:linear-gradient(135deg,#be123c,#dc2626);box-shadow:0 10px 22px #be123c2e}.profile-chip{display:inline-flex;align-items:center;gap:8px;color:#17221d;min-width:0;padding:0}.profile-chip span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#22322d;color:#fff;font-size:12px;font-weight:900}.profile-chip strong{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-menu,.mobile-drawer,.drawer-scrim,.mobile-bottom-nav{display:none}.rail{position:sticky;top:88px;height:fit-content}.profile-card,.panel,.composer,.feed-post,.event-card,.organization-card,.person-card,.role-card,.library-card,.business-card,.metric-card,.nearby-card{background:#ffffffeb;border:1px solid #dce6e3;border-radius:8px;box-shadow:0 18px 50px #14241f12}.profile-card{overflow:hidden;margin-bottom:14px}.profile-cover{height:72px;background:linear-gradient(135deg,#0f766eb8,#b0781a75),url(https://images.unsplash.com/photo-1519817650390-64a93db51149?auto=format&fit=crop&w=900&q=80) center / cover}.profile-body{padding:0 16px 16px}.profile-avatar{width:64px;height:64px;border-radius:50%;border:4px solid #fff;margin-top:-30px}.profile-avatar.small{width:46px;height:46px;border-width:0;margin:0;font-size:13px;flex-shrink:0}.profile-body h2,.feed-post h2,.page-header h1,.panel h2,.event-card h3,.organization-card h3,.person-card h3,.role-card h3,.library-card h3,.business-card h3,.compact-card h3{margin:0;letter-spacing:0}.profile-body h2{font-size:21px;margin-top:8px}.profile-body p,.page-header p,.feed-post p,.event-card p,.organization-card p,.person-card p,.role-card p,.library-card p,.business-card p,.compact-card p,.plain-list,.campaign-row p{color:var(--muted);line-height:1.5}.profile-body p{font-size:14px;margin:8px 0 12px}.post-image{width:100%;max-height:min(760px,76dvh);min-height:360px;object-fit:contain;background:#f4f7f6;border-radius:8px;border:1px solid #dce6e3}.post-preview-card{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.post-preview-card .post-image{min-height:180px;max-height:320px}.campaign-progress{width:100%;height:9px;overflow:hidden;border-radius:999px;background:#dce6e3}.campaign-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0f766e,#16a34a)}.empty-marketplace-state{display:flex;align-items:flex-start;gap:10px}.empty-marketplace-state svg{flex:0 0 auto;color:var(--brand)}.empty-marketplace-state strong,.empty-marketplace-state p{margin:0}.empty-marketplace-state p{margin-top:4px}.file-action{position:relative;overflow:hidden;cursor:pointer}.file-action input{position:absolute;inset:0;opacity:0;cursor:pointer}.status-pill{width:fit-content;display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#e6f4ef;color:#0f766e;font-size:12px;font-weight:800}.profile-meta,.role-meta,.org-detail-row,.check-row{display:flex;gap:8px;flex-wrap:wrap}.profile-meta span,.role-meta span,.org-detail-row span,.check-row span,.check-row strong{border:1px solid #d8e2df;border-radius:999px;padding:5px 9px;color:var(--muted);font-size:12px;font-weight:750}.text-action{width:100%;display:flex;align-items:center;gap:8px;color:#6f4d11;padding:12px 0 0;font-weight:800}.side-nav{display:grid;gap:4px}.side-nav button{height:44px;display:flex;align-items:center;gap:11px;color:var(--muted);border-radius:8px;padding:0 12px;font-weight:800}.side-nav button.active,.side-nav button:hover{background:#fff;color:#0f766e;box-shadow:inset 3px 0 #0f766e}.main-panel{min-width:0}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.feed-column,.stack{display:grid;gap:14px}.composer{padding:16px}.composer-main{display:flex;align-items:center;gap:12px}.composer-main button{width:100%;min-height:46px;text-align:left;border:1px solid #d8e2df;color:var(--muted);background:#f8fbfa;border-radius:999px;padding:0 16px}.composer-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.composer-actions button{display:flex;align-items:center;justify-content:center;gap:8px;color:#31423d;background:#f7faf9;border:1px solid #e0e8e6;border-radius:8px;min-height:42px;font-weight:800}.feed-post{padding:18px}.post-head,.event-top,.section-title,.org-title-row,.card-footer,.campaign-row{display:flex;align-items:center;gap:12px}.post-head{margin-bottom:14px}.post-head>span,.event-top>span,.library-card>span{margin-left:auto;color:#0f766e;background:#e5f4f1;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:850}.org-logo{width:46px;height:46px;border-radius:8px;flex-shrink:0}.post-head h3{margin:0 0 3px;font-size:16px}.post-head p,.event-card p,.compact-card p{margin:0}.feed-post h2{font-size:24px;margin-bottom:8px}.tag-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.tag-row span{color:#28544f;background:#edf7f4;border:1px solid #d0e6e1;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.post-actions{border-top:1px solid #e4ece9;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px;padding-top:10px}.post-actions button{min-height:38px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:8px;color:var(--muted);font-weight:800}.post-actions button:hover{background:#f4f8f7}.post-social-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px;border-top:1px solid #e4ece9;padding-top:12px;margin-top:12px}.post-social-row button{min-width:0;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #d8e2df;border-radius:8px;background:#f8fbfa;color:var(--muted);font-weight:850}.post-social-row button.liked{border-color:color-mix(in srgb,#e11d48 45%,var(--line));background:color-mix(in srgb,#ffe4e6 70%,var(--surface));color:#be123c}.post-social-row button.liked svg{fill:currentColor}.liked-by-line{width:fit-content;margin:8px 16px 0;border:0;background:transparent;color:var(--brand-strong);font-size:13px;font-weight:900;text-align:left}.liked-by-backdrop{z-index:126}.liked-by-sheet{align-self:end;width:min(520px,calc(100vw - 24px));max-height:min(680px,86dvh);display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:12px;padding:16px;overflow:hidden;border-radius:22px;animation:sheet-slide-up .18s cubic-bezier(.2,.8,.2,1)}.liked-by-sheet .dm-new-chat-head span{justify-self:end;color:var(--muted);font-size:13px;font-weight:900}.liked-by-list{display:grid;gap:8px;overflow:auto;padding-right:2px}.liked-by-person{width:100%;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:12px;background:color-mix(in srgb,var(--surface) 94%,white)}.post-comments{display:grid;gap:9px;margin-top:12px;padding-top:12px;border-top:1px solid #edf2f0}.comment-row{display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;align-items:start}.tiny-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#dcebe7;color:#28544f;font-size:11px;font-weight:900;overflow:hidden}.tiny-avatar img{width:100%;height:100%;object-fit:cover}.comment-bubble{display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:6px;align-items:start;margin:0;padding:8px 10px;border-radius:8px;background:#f4f8f7;color:#344944}.comment-bubble p{margin:0;font-size:13px;line-height:1.45}.comment-bubble strong{display:block;margin-bottom:2px;color:#1e3f3b;font-size:12px}.comment-bubble button{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:transparent;color:var(--muted)}.comment-bubble button:hover{background:#e6efec;color:#b42318}.comment-more{width:fit-content;border:0;background:transparent;color:#64746f;font-size:12px;font-weight:800;text-align:left}.comment-form{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:8px}.comment-form.expanded input{border-color:color-mix(in srgb,var(--accent) 56%,var(--line));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 11%,transparent)}.comment-form input{min-width:0;min-height:40px;border:1px solid #d8e2df;border-radius:8px;padding:0 12px;background:#fff}.comment-form button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#0f766e;color:#fff}.comment-form button:disabled{opacity:.45;cursor:not-allowed}.right-rail{display:grid;gap:14px;position:sticky;top:88px}.panel{padding:16px}.section-title{justify-content:space-between;margin-bottom:14px}.section-title h2{font-size:18px}.section-title button{border:0;background:transparent;color:#0f766e;font-weight:850}.eyebrow{color:#0f766e;font-size:11px;line-height:1.2;margin:0 0 4px;text-transform:uppercase;font-weight:900}.prayer-panel{color:var(--text)}.prayer-panel .section-title h2{color:var(--brand-strong)}.prayer-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.prayer-grid div{min-width:0;text-align:center;background:#ffffff14;border:1px solid rgba(255,255,255,.09);border-radius:8px;padding:10px 3px}.prayer-grid strong{display:block;font-size:14px}.prayer-grid span{color:#bfd0ca;font-size:11px}.prayer-grid.detailed div{display:grid;gap:3px}.prayer-grid.detailed em{color:#a8c5bd;font-size:10px;font-style:normal}.manager-prayer-grid{margin-top:8px}.prayer-profile-button{margin-top:12px}.nearby-panel{display:grid;gap:12px}.favorite-programs .mini-row{border-left:4px solid #0f766e}.nearby-list{display:grid;gap:10px}.nearby-card{padding:12px;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:12px;cursor:pointer;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.nearby-card:hover,.nearby-card:focus-visible{border-color:#0f766e57;box-shadow:0 20px 55px #0f766e21;transform:translateY(-1px);outline:none}.nearby-image{width:96px;height:92px;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 16%,var(--panel-soft)),var(--panel-bg));color:var(--brand-strong);display:grid;place-items:center;font-size:24px;font-weight:950}.nearby-image img{width:100%;height:100%;object-fit:cover}.nearby-copy{min-width:0;display:grid;gap:4px}.nearby-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.nearby-title-row span{border:1px solid var(--border);border-radius:999px;color:var(--brand-strong);background:var(--panel-soft);font-size:11px;font-weight:900;padding:4px 8px;white-space:nowrap}.nearby-card h3{margin:0 0 4px;min-width:0}.nearby-card p{color:var(--muted);line-height:1.4;margin:0}.nearby-distance{color:var(--text);font-weight:900}.nearby-summary{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.nearby-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;grid-column:2}.compact-card{border:1px solid #e0e8e6;border-radius:8px;padding:13px;background:#f8fbfa}.compact-card>span{color:#6f4d11;font-size:12px;font-weight:900}.compact-card h3{font-size:16px;margin-top:6px}.compact-card button{display:inline-flex;align-items:center;gap:4px;color:#0f766e;font-weight:850;margin-top:10px;padding:0}.metric-list{display:grid;gap:11px}.metric-list div,.metric-card{display:grid;gap:3px}.metric-list span,.metric-card span{color:var(--muted);font-size:13px;font-weight:750}.metric-list strong,.metric-card strong{font-size:22px}.metric-list em,.metric-card em{color:#0f766e;font-style:normal;font-weight:900}.page{display:grid;gap:18px}.page-header{background:linear-gradient(120deg,#10231ef0,#0f766ed4),url(https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1500&q=80) center / cover;color:#fff;border-radius:8px;padding:clamp(22px,4vw,38px);min-height:210px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.page-header h1{font-size:48px;line-height:1.02;max-width:880px}.page-header p{color:#dbe9e5;max-width:820px;margin:10px 0 0}.filter-bar{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.filter-bar button{min-height:38px;white-space:nowrap;border:1px solid #dbe4e2;background:#fff;color:var(--muted);border-radius:999px;padding:0 14px;font-weight:850}.filter-bar button.active{color:#fff;background:#0f766e;border-color:#0f766e}.dashboard-filter{margin-top:12px}.masjid-dashboard-grid{grid-template-columns:minmax(0,760px);justify-content:center}.masjid-dashboard-grid>.right-rail{display:none}.masjid-dashboard-main{max-width:760px;width:100%}.masjid-hub{display:grid;gap:12px;padding:12px;box-shadow:0 10px 28px #14241f14}.masjid-hub-hero{min-height:78px;display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;background:linear-gradient(135deg,#10231ee6,#0f766ec2),url(https://images.unsplash.com/photo-1519817650390-64a93db51149?auto=format&fit=crop&w=1200&q=80) center / cover;color:#fff}.masjid-hub-hero>div:last-child{min-width:0}.masjid-hub-hero h2,.masjid-hub-hero p{margin:0}.masjid-hub-hero h2{font-size:clamp(17px,3.6vw,22px);line-height:1.12}.masjid-hub-hero .eyebrow,.masjid-hub-hero p{color:#dcebe7}.masjid-hub-hero p{margin-top:4px;font-size:12px;line-height:1.35}.hub-logo{width:46px;height:46px;flex:0 0 46px;font-size:15px;border:3px solid rgba(255,255,255,.82)}.hub-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.hub-stats article{min-width:0;background:#f8fbfa;border:1px solid #dce6e3;border-radius:8px;padding:8px}.hub-stats span,.dashboard-menu-grid small{color:var(--muted);font-size:12px;font-weight:800}.hub-stats strong{display:block;margin-top:3px;font-size:17px}.admin-category-panel,.platform-admin-panel{margin-bottom:14px}.segmented-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;border:1px solid var(--border);border-radius:8px;background:var(--panel-soft);padding:5px}.segmented-control button{min-height:42px;border-radius:7px;color:var(--muted);font-weight:900}.segmented-control button.active{background:var(--brand);color:#fff}.account-admin-row{grid-template-columns:minmax(0,1fr) minmax(180px,240px);align-items:start}.account-admin-row>.manager-row{grid-column:1 / -1}.account-admin-row select{width:100%}.hub-actions{display:flex;gap:8px;flex-wrap:wrap}.dashboard-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.dashboard-menu-grid button{min-width:0;aspect-ratio:1 / .82;min-height:72px;border:1px solid #dce6e3;border-radius:8px;background:linear-gradient(180deg,#fff,#f7fbfa);color:#17221d;display:grid;align-content:center;justify-items:center;gap:6px;padding:8px 5px;text-align:center;box-shadow:0 8px 18px #14241f0f}.dashboard-menu-grid button svg{color:#0f766e;width:20px;height:20px}.dashboard-menu-grid button span{color:#17221d;font-weight:900;font-size:11px;line-height:1.15;max-width:100%;overflow-wrap:anywhere}.dashboard-menu-grid button.active,.dashboard-menu-grid button:hover{border-color:#0f766e;background:#edf7f4;box-shadow:0 12px 28px #0f766e1f}.masjid-feature-screen{position:fixed;inset:0;z-index:80;display:grid;grid-template-rows:auto minmax(0,1fr);background:var(--page-bg)}.feature-screen-topbar{min-height:calc(58px + env(safe-area-inset-top));display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;padding:calc(8px + env(safe-area-inset-top)) 12px 8px;background:#fffffff0;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.feature-screen-topbar strong,.feature-screen-topbar span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feature-screen-topbar strong{color:var(--text);font-size:17px}.feature-screen-topbar span{color:var(--muted);font-size:12px;font-weight:800}.feature-screen-content{width:min(860px,100%);margin:0 auto;overflow:auto;padding:8px 8px calc(18px + env(safe-area-inset-bottom));display:grid;align-content:start;gap:8px}.feature-screen-content>.panel{margin:0;border-radius:8px;padding:12px;box-shadow:none}.feature-screen-content .org-feature-panel{background:transparent;border:0;padding:0}.feature-screen-content .profile-tools-panel{background:var(--panel-bg);border:1px solid var(--border);padding:12px}.feature-screen-content .manager-section{margin-top:0;padding-top:0;border-top:0;gap:8px}.feature-screen-content .section-title{align-items:center;min-height:32px}.feature-screen-content .section-title h2,.feature-screen-content .section-title h3{font-size:16px}.feature-screen-content .stack-list,.feature-screen-content .application-portal{gap:7px}.feature-screen-content .mini-row,.feature-screen-content .application-card{padding:10px;gap:5px;border-radius:8px;box-shadow:none}.feature-screen-content .mini-row strong,.feature-screen-content .application-card strong{font-size:14px;line-height:1.2}.feature-screen-content .mini-row span,.feature-screen-content .mini-row p,.feature-screen-content .application-card span,.feature-screen-content .application-card p{font-size:12px;line-height:1.3}.feature-screen-content .manager-row{gap:6px;padding-top:7px;margin-top:5px}.feature-screen-content .manager-row span{flex-basis:100%;font-size:12px}.feature-screen-content .manager-row button,.feature-screen-content .manager-row .secondary-button{min-height:30px;border-radius:999px;padding:0 10px;font-size:12px}.feature-screen-content .profile-form,.feature-screen-content .manager-edit-form{gap:8px}.feature-screen-content .form-grid{gap:7px}.feature-screen-content .profile-form input,.feature-screen-content .profile-form select,.feature-screen-content .profile-form textarea{min-height:38px;border-radius:8px;font-size:13px}.card-grid,.organization-grid,.metric-grid,.admin-grid{display:grid;gap:14px}.card-grid.two,.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid.three,.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.organization-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.event-card,.person-card,.role-card,.library-card,.business-card,.metric-card{padding:17px}.event-discovery{display:grid;gap:14px}.event-detail-panel{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1fr);gap:18px;align-items:stretch}.event-detail-image,.event-banner{min-height:460px;border-radius:8px;background:#f4f7f6 center / contain no-repeat}button.event-detail-image{width:100%;padding:0;border:0;cursor:zoom-in}.event-detail-panel h2{margin:0 0 8px;font-size:32px}.event-detail-panel p{color:var(--muted);line-height:1.5}.event-card-upgraded{display:grid;gap:10px;overflow:hidden;padding:0}.event-card-upgraded>:not(.event-banner){margin-left:17px;margin-right:17px}.event-card-upgraded .card-footer{margin:8px 17px 17px}.event-banner{position:relative;width:100%;aspect-ratio:4 / 5;min-height:420px;border:0;display:block;cursor:pointer}.event-detail-modal{position:relative;width:min(980px,100%);max-height:min(900px,92dvh);overflow:auto}.event-detail-modal .event-detail-panel{margin:0}.modal-close-button{position:absolute;top:12px;right:12px;z-index:2;background:#fffffff0;box-shadow:0 10px 30px #14241f2e}.event-date-badge{position:absolute;left:12px;top:12px;min-width:58px;min-height:58px;display:grid;place-items:center;border-radius:8px;background:#fffffff0;color:#10231e;font-size:18px;font-weight:900;box-shadow:0 12px 30px #14241f2e}.event-date-badge strong{display:block;color:#0f766e;font-size:11px;line-height:1;text-transform:uppercase}.event-filters{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(4,minmax(140px,1fr))}.event-filters label{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 10px;border:1px solid #d8e2df;border-radius:8px;background:#f8fbfa}.event-filters input,.event-filters select{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#17221d}.opportunity-filters{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(150px,1fr))}.opportunity-filters label{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 10px;border:1px solid #d8e2df;border-radius:8px;background:#f8fbfa}.opportunity-filters input,.opportunity-filters select{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#17221d}.opportunity-card{border-left:4px solid #dbe4e2}.favorite-opportunity{border-left-color:#0f766e}.event-top{justify-content:space-between;margin-bottom:12px}.event-card h3,.organization-card h3,.person-card h3,.role-card h3,.library-card h3,.business-card h3{font-size:20px}.event-card>p,.person-card>p{margin:8px 0 12px}.sponsor-strip{display:inline-flex;width:fit-content;color:#6f4d11;background:#fff7e8;border:1px solid #f1d9ad;border-radius:999px;padding:6px 10px;margin-top:10px;font-size:12px;font-weight:900}.capacity-block,.donation-card{display:grid;gap:8px;margin-top:14px;background:#f8fbfa;border:1px solid #e0e8e6;border-radius:8px;padding:12px}.capacity-block div:first-child,.donation-card{color:var(--muted);font-size:13px}.capacity-block strong,.donation-card strong{display:block;color:#17221d}.qr-row{display:flex;align-items:center;gap:12px;margin-top:14px}.qr-row p{margin:2px 0 0}.qr-box{width:58px;height:58px;display:grid;place-items:center;border-radius:8px;background:#edf7f4;border:1px solid #d0e6e1;color:#0f766e;flex-shrink:0}.meta-line{display:flex;align-items:flex-start;gap:8px;color:#42544f;margin:8px 0;font-size:14px}.card-footer{justify-content:space-between;margin-top:16px;min-height:40px}.card-footer .primary-button{min-width:112px}.organization-card{overflow:hidden}.org-cover{height:150px;background:#d8e2df center / cover}.org-card-body{padding:16px}.org-title-row svg{color:#0f766e;margin-left:auto}.org-title-row p{margin:3px 0 0}.role-icon,.library-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:8px;background:#e5f4f1;color:#0f766e;margin-bottom:14px}.role-card,.library-card,.business-card{display:grid;align-content:start;gap:10px}.business-card svg{color:#6f4d11}.filter-panel{display:flex;align-items:center;gap:8px;overflow-x:auto;background:#fff;border:1px solid #d8e2df;border-radius:8px;padding:8px}.filter-panel button{border:1px solid #d8e2df;background:#f8fbfa;color:var(--muted);border-radius:999px;min-height:34px;padding:0 12px;white-space:nowrap;font-weight:850}.filter-panel button.active{background:#0f766e;color:#fff;border-color:#0f766e}.hours-summary{display:flex;align-items:center;justify-content:space-between;gap:16px}.hours-summary h2{font-size:24px;margin:0 0 6px}.hours-summary p{color:var(--muted);margin:0}.check-row{margin-top:12px}.messaging-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:14px}.inbox-list{display:grid;gap:8px;align-content:start}.inbox-list button{border:1px solid #d8e2df;background:#f8fbfa;border-radius:8px;padding:12px;text-align:left;display:grid;gap:3px;position:relative}.inbox-list button.active{border-color:#0f766e;box-shadow:inset 3px 0 #0f766e}.inbox-list span{color:#0f766e;font-size:12px;font-weight:900}.inbox-list p{color:var(--muted);margin:0;line-height:1.35}.inbox-list small{color:var(--muted);font-size:11px;font-weight:750}.trust-strip{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.trust-strip span{border:1px solid #d8e2df;border-radius:999px;background:#f8fbfa;color:var(--muted);padding:5px 9px;font-size:12px;font-weight:850}.inbox-list em{position:absolute;right:10px;top:10px;min-width:22px;min-height:22px;display:grid;place-items:center;color:#fff;background:#0f766e;border-radius:999px;font-size:12px;font-style:normal;font-weight:900}.inbox-list .dm-inbox-summary span{color:var(--muted)}.inbox-list .dm-filter-row button,.quick-reply-row button{width:auto;min-height:34px;display:inline-flex;gap:0;border-radius:999px;padding:0 12px;text-align:center;position:static}.inbox-list .dm-filter-row button.active,.inbox-list .dm-filter-row button:hover,.quick-reply-row button:hover{border-color:var(--brand);background:#edf7f4;color:var(--brand);box-shadow:none}.message-thread{display:grid;gap:12px;align-content:start}.thread-head{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid #e4ece9}.thread-head h2,.thread-head p{margin:0}.thread-head p{color:var(--muted)}.chat-bubble{max-width:78%;border-radius:8px;padding:12px;line-height:1.45}.chat-bubble p{margin:0}.chat-bubble small{display:block;margin-top:6px;color:inherit;opacity:.72;font-size:11px;font-weight:800}.chat-bubble.received{background:#f1f5f4;color:#23322d}.chat-bubble.sent{justify-self:end;background:#0f766e;color:#fff}.message-thread textarea{min-height:112px;resize:vertical;border:1px solid #d8e2df;border-radius:8px;padding:12px}.message-list{display:grid;gap:10px;max-height:52vh;overflow-y:auto;align-content:start;padding-right:4px}.message-actions,.reaction-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.message-actions button,.load-more{border:1px solid #d8e2df;background:#ffffffe6;color:#23322d;border-radius:999px;min-height:28px;padding:0 9px;font-size:12px;font-weight:850}.chat-bubble.sent .message-actions button{color:#fff;border-color:#ffffff59;background:#ffffff24}.reaction-row span{display:inline-grid;grid-auto-flow:column;gap:3px;place-items:center;min-width:28px;min-height:24px;padding:0 7px;border-radius:999px;background:#ffffffbf}.reaction-row span b{font-size:10px}.message-gif-card{display:grid;gap:6px;margin:0}.message-gif-card img{width:min(260px,62vw);max-height:280px;object-fit:cover;border-radius:8px;background:#ffffff73}.message-gif-card figcaption,.moderation-chip{font-size:11px;color:inherit;opacity:.78}.moderation-chip{display:inline-flex;width:fit-content;margin-top:6px;padding:3px 7px;border-radius:999px;background:#ffffff2e;font-style:normal}.gif-picker{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.gif-picker form,.gif-picker label{display:flex;align-items:center;gap:8px}.gif-picker label{flex:1;min-height:40px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff}.gif-picker input{width:100%;border:0;outline:0;background:transparent}.gif-picker form button{min-height:40px;border:0;border-radius:8px;padding:0 12px;background:var(--accent);color:var(--accent-contrast);font-weight:900}.gif-picker p{margin:0;color:var(--muted);font-size:12px}.gif-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px}.gif-grid button{min-width:0;overflow:hidden;padding:0;border:1px solid var(--line);border-radius:8px;background:#fff;text-align:left}.gif-grid img{display:block;width:100%;aspect-ratio:1.25;object-fit:cover}.gif-grid span{display:block;padding:7px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px;color:var(--muted)}.typing-indicator,.load-more{justify-self:center;color:var(--muted)}.typing-indicator{font-size:13px;font-weight:800}.profile-actions{flex-wrap:wrap}.profile-detail{display:grid;gap:18px}.profile-hero{display:flex;align-items:center;gap:14px;padding-bottom:16px;border-bottom:1px solid #e4ece9}.profile-hero .profile-avatar{margin:0}.profile-avatar img,.org-logo img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.profile-hero h2,.profile-hero p{margin:0}.profile-form{display:grid;gap:12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.profile-form input,.profile-form select,.profile-form textarea{width:100%;border:1px solid #d8e2df;background:#fff;color:#17221d;border-radius:8px;padding:13px 14px;min-height:48px}.profile-form textarea{min-height:96px;resize:vertical}.application-form{display:grid;gap:8px;width:100%}.application-form input,.application-form textarea{width:100%;border:1px solid #d8e2df;background:#fff;color:#17221d;border-radius:8px;padding:11px 12px}.application-form textarea{min-height:82px;resize:vertical}.check-toggle{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-weight:850}.check-toggle input{width:18px;height:18px}.profile-read{display:grid;gap:14px}.profile-trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}.profile-trust-grid article{border:1px solid #e0e8e6;border-radius:8px;background:#f8fbfa;padding:12px}.profile-trust-grid span{color:var(--muted);font-size:12px;font-weight:850}.profile-trust-grid strong{display:block;margin-top:4px;font-size:24px}.masjid-profile{overflow:hidden;background:var(--panel-bg);border-color:var(--border)}.masjid-hero{min-height:180px;display:flex;align-items:end;gap:16px;padding:18px;border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 15%,var(--panel-soft)),var(--panel-bg));background-size:cover;background-position:center;color:var(--text);position:relative;isolation:isolate}.masjid-hero:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#0000000d,color-mix(in srgb,var(--panel-bg) 82%,transparent));z-index:-1}.compact-button{padding:8px 10px;font-size:12px;white-space:nowrap}.favorite-masjid-card{justify-content:space-between}.favorite-masjid-card>div:nth-child(2){flex:1}button.mini-org-avatar{border:0;cursor:pointer}.masjid-hero .org-logo{width:76px;height:76px;font-size:22px;flex:0 0 auto}.masjid-hero h2,.masjid-hero p{margin:0}.masjid-hero p{color:var(--muted)}.masjid-profile-summary{display:grid;gap:10px;padding:14px 16px 0}.masjid-profile-summary p{color:var(--muted);line-height:1.45;margin:0}.masjid-stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.masjid-stat-strip div{border:1px solid var(--border);border-radius:8px;background:var(--panel-soft);padding:9px;min-width:0}.masjid-stat-strip strong,.masjid-stat-strip span{display:block}.masjid-stat-strip strong{color:var(--text);font-size:18px}.masjid-stat-strip span{color:var(--muted);font-size:11px;font-weight:850}.profile-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.profile-info-grid div{border:1px solid var(--border);border-radius:8px;background:var(--panel-soft);padding:10px;min-width:0}.profile-info-grid span{color:var(--muted);display:block;font-size:12px;font-weight:850;margin-bottom:4px}.profile-info-grid strong{display:block;font-size:14px;overflow-wrap:anywhere}.stack-list{display:grid;gap:10px}.mini-row{border:1px solid var(--border);background:var(--panel-soft);border-radius:8px;padding:12px;display:grid;gap:4px}.mini-row span,.mini-row p{color:var(--muted);margin:0}.masjid-profile-section{padding:14px}.compact-profile-row{gap:3px;padding:10px}.compact-profile-row p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.manager-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;border-top:1px solid #e0e8e6;padding-top:8px;margin-top:6px}.manager-row span{flex:1 1 220px}.manager-row small{flex:1 1 100%;color:var(--muted);font-weight:750}.manager-row button{min-height:32px;border:1px solid #d8e2df;border-radius:8px;background:#fff;color:#23322d;font-weight:850;padding:0 10px}.person-card select{width:100%;border:1px solid #d8e2df;border-radius:8px;min-height:42px;padding:0 10px;background:#fff;font-weight:800}.info-block{border:1px solid #e0e8e6;border-radius:8px;padding:12px;background:#f8fbfa}.info-block p{margin:5px 0 0;color:var(--muted);line-height:1.45}.metric-card{min-height:132px;align-content:end}.metric-button{text-align:left;border:1px solid #dbe4e2;background:#fff;color:inherit;cursor:pointer}.metric-button:hover,.metric-button:focus-visible{border-color:#0f766e;box-shadow:0 10px 22px #0f766e1f}.manager-section{display:grid;gap:10px;border-top:1px solid #e0e8e6;margin-top:14px;padding-top:14px}.compact-title h3{margin:0;font-size:18px}.campaign-row{align-items:flex-start}.campaign-row svg{color:#0f766e;flex-shrink:0}.campaign-row p{margin:4px 0 0}.progress{height:9px;background:#edf2f0;border-radius:999px;overflow:hidden;margin-top:14px}.progress span{display:block;height:100%;border-radius:inherit;background:#0f766e}.plain-list{margin:0;padding-left:18px}.profile-header-card{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;margin-top:-42px;position:relative;z-index:2}.profile-avatar.large{width:96px;height:96px;border-radius:999px;border:4px solid rgba(255,255,255,.9);overflow:hidden;display:grid;place-items:center;font-weight:800;font-size:24px}.profile-avatar.small{width:42px;height:42px;border-radius:999px;overflow:hidden;display:grid;place-items:center;font-weight:700}.profile-avatar img,.mini-org-avatar img{width:100%;height:100%;object-fit:cover}.profile-main-info h2{margin:0}.profile-main-info p{margin:4px 0}.profile-bio{line-height:1.45;opacity:.9}.profile-actions{grid-column:1 / -1;display:flex;gap:10px}.profile-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.profile-stat-row button{border:1px solid var(--line);background:var(--surface-muted);color:var(--brand-strong);border-radius:18px;padding:14px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;appearance:none;-webkit-appearance:none}.profile-stat-row button strong{color:var(--brand-strong);font-size:1.15rem}.profile-stat-row button span{color:var(--muted);font-size:.78rem;font-weight:700}.profile-section-stack{display:grid;gap:12px}.profile-info-block{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:14px}.profile-info-block h3{margin:0 0 8px}.profile-info-block p{margin:0;line-height:1.5;opacity:.86}.favorite-masjid-grid{display:grid;gap:10px}.favorite-masjid-card,.person-list-row{display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff09;border-radius:18px;padding:12px}.favorite-masjid-card span,.person-list-row span{display:block;font-size:13px;opacity:.7}.mini-org-avatar{width:46px;height:46px;border-radius:14px;overflow:hidden;display:grid;place-items:center;font-weight:800;background:#ffffff14}.modal-backdrop{position:fixed;inset:0;background:#0000008c;z-index:50;display:flex;align-items:flex-end}.bottom-sheet{width:100%;max-height:75vh;overflow:auto;background:#091713;border-radius:28px 28px 0 0;border:1px solid rgba(255,255,255,.1);padding:18px}.sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sheet-header h2{margin:0}.sheet-header button{width:36px;height:36px;border-radius:999px;border:0;font-size:24px}.people-list{display:grid;gap:10px}.person-list-row{justify-content:space-between}.notification-row{width:100%;color:inherit;text-align:left;cursor:pointer}.notification-row p{margin:4px 0;color:inherit;opacity:.82;line-height:1.35}.notification-row.unread{border-color:#14b8a680;background:#14b8a61a}.person-list-row div:nth-child(2){flex:1}.clean-edit-form{margin-top:16px}.plain-list li+li{margin-top:9px}.post-form{display:grid;gap:12px;max-width:720px}.post-form input,.post-form select,.post-form textarea,.auth-form input,.auth-form textarea,.auth-form select{width:100%;border:1px solid #d8e2df;background:#fff;color:#17221d;border-radius:8px;padding:13px 14px;min-height:48px}.post-form textarea,.auth-form textarea{min-height:110px;resize:vertical}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:18px;background:#0c14118c}.auth-modal{width:min(520px,100%);max-height:min(760px,calc(100dvh - 36px));overflow-y:auto;position:relative;background:#fff;border-radius:8px;border:1px solid #d8e2df}.modal-close{position:absolute;top:12px;right:12px;z-index:2}.auth-screen{position:relative;padding:34px}.auth-theme-toggle{position:absolute;top:18px;right:18px}.auth-screen .brand-mark{width:58px;height:58px;border-radius:14px;display:grid;place-items:center;overflow:hidden;background:#f8fbfa;border:1px solid #d8e2df}.auth-screen .brand-mark img{width:100%;height:100%;object-fit:cover;display:block}.auth-screen h1{margin:16px 0 8px}.auth-form{display:grid;gap:12px;margin-top:18px}.text-btn{border:0;background:transparent;color:#0f766e;font-weight:850;margin-top:14px;padding:12px 0 0}.back-header{display:none}:root[data-theme=dark] .auth-only{background:#151d1a}:root[data-theme=dark] .auth-screen{background:var(--panel-bg);border-color:var(--border);color:var(--text);box-shadow:var(--shadow)}:root[data-theme=dark] .auth-screen .brand-mark{background:#1faba2;color:#061f1c}:root[data-theme=dark] .auth-screen .muted{color:var(--muted)}:root[data-theme=dark] .auth-form input,:root[data-theme=dark] .auth-form textarea{background:#202a27;border-color:#364742;color:#edf5f2}:root[data-theme=dark] .auth-form input:focus,:root[data-theme=dark] .auth-form textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #1faba229}:root[data-theme=dark] .auth-screen .text-btn{color:var(--brand-strong)}@media(max-width:1180px){.app{grid-template-columns:240px minmax(0,1fr)}.content-grid{grid-template-columns:minmax(0,1fr)}.right-rail{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.right-rail .panel:last-child{grid-column:1 / -1}.card-grid.three,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:880px){.top-nav{grid-template-columns:auto 1fr auto;gap:12px}.mobile-menu{display:inline-flex}.global-search,.search-wrap,.profile-chip strong,.left-rail{display:none}.app{display:block;padding:calc(82px + env(safe-area-inset-top)) 14px 88px;touch-action:pan-y}.brand strong{display:none}.mobile-drawer{position:fixed;z-index:60;inset:0 auto 0 0;width:min(320px,88vw);display:block;background:#eef2f5;padding:16px;border-right:1px solid #d8e2df;transform:translate(-105%);transition:transform .18s ease;box-shadow:18px 0 60px #14241f38;touch-action:pan-y;will-change:transform}.mobile-drawer.open{transform:translate(0)}.drawer-scrim{position:fixed;inset:0;z-index:55;display:block;border:0;background:#05121047;padding:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.drawer-profile{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #d8e2df;border-radius:8px;padding:12px;margin-bottom:12px}.drawer-profile .profile-avatar{width:44px;height:44px;margin:0;border:0;flex:0 0 auto}.drawer-profile strong,.drawer-profile span{display:block}.drawer-profile span{color:var(--muted);font-size:12px;font-weight:800;margin-top:2px}.mobile-logout{width:100%;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d8e2df;border-radius:8px;background:#fff;color:#7f1d1d;font-weight:900;margin-top:12px}.mobile-bottom-nav{position:fixed;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));z-index:35;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-template-columns:none;gap:2px;background:#fffffff0;border:1px solid #d8e2df;border-radius:8px;padding:6px;box-shadow:0 14px 40px #14241f29;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow-x:auto;overscroll-behavior-x:contain}.mobile-bottom-nav button{min-width:0;min-height:48px;border-radius:8px;color:var(--muted);display:grid;justify-items:center;align-content:center;gap:2px;font-size:10px;font-weight:800;touch-action:manipulation}.mobile-bottom-nav button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-bottom-nav button.active{background:#0f766e;color:#fff}.mobile-bottom-nav.detail-hidden{display:none}.back-header{position:sticky;top:58px;z-index:25;display:flex;align-items:center;gap:10px;min-height:54px;margin:-10px -10px 12px;padding:8px 12px;padding-top:max(8px,env(safe-area-inset-top));background:#fffffff5;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.back-header .icon-button{flex:0 0 42px;width:42px;height:42px;min-height:42px;border-radius:50%}.back-header div{min-width:0;display:grid;gap:2px}.back-header strong,.back-header span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.back-header span{color:var(--muted);font-size:12px;font-weight:750}.app{width:100%;min-height:100dvh;padding:calc(62px + env(safe-area-inset-top)) 10px calc(88px + env(safe-area-inset-bottom));background:var(--page-bg)}.app.detail-mode{padding-bottom:max(14px,env(safe-area-inset-bottom))}.top-nav{padding-top:env(safe-area-inset-top);height:calc(58px + env(safe-area-inset-top))}.detail-mode .top-nav .search-wrap,.detail-mode .top-nav .post-button,.detail-mode .top-nav .profile-chip{display:none}.detail-mode .top-nav{grid-template-columns:auto 1fr auto}.detail-mode .main-panel{min-height:calc(100dvh - 72px)}.page{gap:12px}.detail-mode .page-header{display:none}.panel,.composer,.feed-post,.event-card,.organization-card,.person-card,.role-card,.library-card,.business-card,.metric-card,.nearby-card{box-shadow:none}.detail-route .event-detail-panel,.detail-mode .masjid-profile,.detail-mode .profile-detail,.thread-route .message-thread{border-radius:0;margin-left:-10px;margin-right:-10px;border-left:0;border-right:0}.detail-route .event-detail-panel{grid-template-columns:1fr;padding:0 0 16px;overflow:hidden}.detail-route .event-detail-panel>div:last-child{padding:0 16px}.detail-route .event-detail-image{min-height:240px;border-radius:0;border-left:0;border-right:0}.thread-route{display:block}.thread-route .inbox-list{display:none}.thread-route .message-thread{min-height:calc(100dvh - 116px);grid-template-rows:auto minmax(0,1fr) auto auto;padding-bottom:max(12px,env(safe-area-inset-bottom))}.message-list{max-height:none;overflow-y:auto;-webkit-overflow-scrolling:touch}.message-composer{bottom:env(safe-area-inset-bottom);padding:10px 0 max(0px,env(safe-area-inset-bottom))}.message-composer textarea{font-size:16px}.inbox-list button{grid-template-columns:42px minmax(0,1fr) auto;min-height:64px;padding:10px}.inbox-list button strong,.inbox-list button p{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-list button small{justify-self:end;font-size:11px}.inbox-list button em,.mobile-bottom-nav button em{min-width:18px;height:18px;display:grid;place-items:center;border-radius:999px;background:#b42318;color:#fff;font-size:10px;font-style:normal;font-weight:900}.mobile-bottom-nav button{position:relative}.mobile-bottom-nav button em{position:absolute;top:4px;right:8px}.prayer-app-layout{margin-left:-10px;margin-right:-10px}.prayer-app-layout>.panel{border-radius:0;border-left:0;border-right:0}.profile-actions,.card-footer,.hub-actions,.nearby-actions{align-items:stretch}.profile-actions>*,.card-footer>*,.hub-actions>*,.nearby-actions>*{min-height:44px}input,textarea,select{font-size:16px}.network-search-panel{display:grid;gap:10px}.network-search{min-height:48px;display:flex;align-items:center;gap:10px;background:var(--panel-soft);border:1px solid var(--border);border-radius:999px;padding:0 16px;color:var(--muted)}.network-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}.network-search input::placeholder{color:var(--muted)}.page-header{min-height:180px;display:block}.page-header .primary-button{margin-top:18px}.card-grid.two,.card-grid.three,.organization-grid,.metric-grid,.admin-grid,.right-rail,.event-detail-panel,.messaging-layout{grid-template-columns:1fr}.hub-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-trust-grid,.event-filters,.opportunity-filters{grid-template-columns:1fr}.nearby-card,.hours-summary{grid-template-columns:1fr;display:grid}.nearby-actions{justify-content:stretch}.nearby-actions>*{flex:1}}.panel,.feed-post,.mini-row,.person-card,.organization-card,.metric-card,.application-card,.right-rail .panel,.settings-grid>.panel{border-color:color-mix(in srgb,var(--border, var(--line)) 45%,transparent);border-radius:8px;box-shadow:0 12px 34px #14241f14}.messaging-layout.inbox-only{grid-template-columns:minmax(0,760px);justify-content:center}.messaging-layout.inbox-only .inbox-list{min-height:min(760px,calc(100dvh - 150px))}.prayer-grid div,.dm-thread-row,.comment-bubble,.global-search,.dm-search{border-radius:8px}.dm-mobile-titlebar{display:flex;align-items:center;justify-content:space-between;min-height:52px}.dm-mobile-titlebar>strong{font-size:20px;letter-spacing:-.02em}.dm-mobile-titlebar>button,.dm-back-button,.dm-header-action,.dm-add-button{border:0;display:grid;place-items:center;color:var(--ink);background:transparent}.dm-self-avatar{width:38px;height:38px;font-size:12px}.dm-swipe-row{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:var(--surface);animation:dmRowIn .22s ease both}.dm-row-actions{position:absolute;inset:0 0 0 auto;width:144px;display:grid;grid-template-columns:1fr 1fr}.dm-row-actions button{border:0;display:grid;place-items:center;align-content:center;gap:4px;border-radius:0;color:#fff;font-size:11px;font-weight:850}.dm-mute-action{background:#8b5cf6}.dm-delete-action{background:#ef4444}.inbox-list .dm-thread-row{position:relative;z-index:1;width:100%;min-height:76px;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px 12px;border:0;border-radius:0;text-align:left;background:var(--surface);transition:transform .18s ease,background .16s ease;touch-action:pan-y}.inbox-list .dm-thread-row:hover,.inbox-list .dm-thread-row.active{background:var(--surface-muted)}.dm-thread-copy,.dm-thread-meta{min-width:0;display:grid}.dm-thread-copy{gap:4px}.dm-thread-copy strong{display:flex;align-items:center;gap:5px;color:var(--ink);font-size:15px}.dm-thread-copy>span{overflow:hidden;color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:13px}.dm-thread-meta{align-self:stretch;justify-items:end;align-content:center;gap:7px}.dm-thread-meta time{color:var(--ink-soft);font-size:11px;white-space:nowrap}.inbox-list .dm-thread-meta em{position:static;min-width:20px;min-height:20px;padding:0 5px;background:var(--brand);color:#fff;font-size:10px}.dm-avatar{position:relative;width:52px;height:52px;font-size:14px}.dm-online-dot{position:absolute;right:-1px;bottom:0;width:13px;height:13px;border:2px solid var(--surface);border-radius:50%;background:#22c55e}.dm-empty-inbox{min-height:38vh;display:grid;place-items:center;align-content:center;gap:8px;padding:30px;color:var(--ink-soft);text-align:center}.dm-empty-inbox strong{color:var(--ink);font-size:18px}.dm-empty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;max-width:320px;margin-top:8px}.dm-empty-actions button{min-height:40px;padding-inline:13px;border-radius:12px;font-size:13px}.dm-conversation-header{min-height:68px;display:grid;grid-template-columns:42px 44px minmax(0,1fr) 42px;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.dm-conversation-header .org-logo{position:relative;width:42px;height:42px}.dm-peer-button{grid-column:2 / 4;min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;padding:0;border:0;color:inherit;text-align:left;background:transparent}.dm-peer-button:hover .org-logo,.dm-peer-button:focus-visible .org-logo{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.dm-peer-button>span:last-child{min-width:0;display:grid;gap:2px}.dm-peer-button small{overflow:hidden;color:var(--ink-soft);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.dm-conversation-header>div{min-width:0;display:grid;gap:2px}.dm-conversation-header strong,.dm-conversation-header span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-conversation-header strong{color:var(--ink);font-size:15px}.dm-conversation-header>div>span{color:var(--ink-soft);font-size:11px}.dm-back-button,.dm-header-action,.dm-add-button{width:42px;height:42px;border-radius:50%}.dm-back-button:hover,.dm-header-action:hover,.dm-add-button:hover{background:var(--surface-muted)}.chat-line{width:100%;display:flex;align-items:end;gap:7px;animation:dmMessageIn .18s ease both}.chat-line.sent{justify-content:flex-end}.chat-avatar{flex:0 0 28px;width:28px;height:28px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:var(--surface);color:var(--ink);font-size:9px;font-weight:900}.chat-avatar img{width:100%;height:100%;object-fit:cover}.message-day{display:flex;justify-content:center;margin:8px 0}.message-day span{padding:4px 11px;border-radius:999px;color:var(--ink-soft);background:color-mix(in srgb,var(--surface) 82%,transparent);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.message-composer .dm-add-button{align-self:end;border:1px solid var(--line)}.message-reply-quote{margin:0 0 6px;padding:7px 9px;border-left:3px solid currentColor;border-radius:10px;opacity:.78;background:#ffffff29;font-size:12px;line-height:1.25}.chat-bubble.received .message-reply-quote{background:color-mix(in srgb,var(--surface-muted) 74%,transparent)}.dm-reply-preview{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:8px;margin:0 0 2px;padding:8px 10px;border:1px solid var(--line);border-radius:14px;background:var(--surface-muted)}.dm-reply-preview span{min-width:0;display:grid;gap:2px}.dm-reply-preview strong{color:var(--ink);font-size:12px}.dm-reply-preview small{overflow:hidden;color:var(--ink-soft);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.dm-reply-preview button{width:30px;height:30px;border-radius:50%;color:var(--ink-soft);background:transparent}.dm-thread-search{position:sticky;top:0;z-index:3;display:grid;grid-template-columns:18px minmax(0,1fr) 32px;align-items:center;gap:8px;margin:0 0 12px;padding:9px 10px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 10px 22px #0f172a14}.dm-thread-search input{min-width:0;border:0;color:var(--ink);background:transparent;outline:none}.dm-thread-search button{width:28px;height:28px;border-radius:50%;color:var(--ink-soft);background:var(--surface-muted)}.dm-thread-empty{margin:auto}@keyframes dmRowIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes dmMessageIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:880px){:root{--nav-height: calc(58px + env(safe-area-inset-top)) ;--mobile-top-height: var(--nav-height)}.app{padding-top:var(--nav-height)}.top-nav{min-height:var(--nav-height);height:var(--nav-height);grid-template-columns:42px minmax(0,1fr) auto;grid-template-rows:1fr;padding:env(safe-area-inset-top) max(10px,env(safe-area-inset-right)) 0 max(10px,env(safe-area-inset-left));box-shadow:none}.top-nav .search-wrap{display:none}.detail-mode{padding-top:0}.detail-mode .top-nav{display:none}.feed-post .post-image{width:100%;min-height:min(68vw,300px);max-height:none;aspect-ratio:4 / 3;object-fit:contain;background:var(--surface-muted)}.messaging-layout{gap:0}.inbox-list{padding:0;overflow:hidden}.inbox-list .dm-mobile-titlebar,.inbox-list .dm-search,.inbox-list .dm-filter-row{margin-left:12px;margin-right:12px}.inbox-list .dm-search{margin-top:2px;border-radius:14px}.inbox-list .dm-filter-row{padding:10px 0 8px}.thread-route .message-thread{position:fixed;inset:0;z-index:80;width:100%;height:100dvh;min-height:100dvh;margin:0;padding:0;border:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:0;overflow:hidden;background:var(--surface);animation:dmThreadIn .24s cubic-bezier(.2,.8,.2,1) both}.dm-conversation-header{min-height:calc(62px + env(safe-area-inset-top));padding-top:calc(8px + env(safe-area-inset-top))}.message-list{min-height:0;max-height:none;padding:14px 10px 18px;gap:7px;overscroll-behavior:contain;scroll-padding-bottom:20px}.chat-bubble{max-width:min(78%,330px);padding:9px 12px 7px;border-radius:18px;box-shadow:none}.chat-bubble.received{border-bottom-left-radius:5px}.chat-bubble.sent{border-bottom-right-radius:5px;background:#2d8cff}.chat-bubble p{font-size:15px;line-height:1.35}.chat-bubble small{margin-top:2px;text-align:right;font-size:9px}.message-actions{display:none}.chat-bubble:focus-within .message-actions{display:flex}.quick-reply-row{display:none}.message-composer{position:relative;bottom:auto;grid-template-columns:42px minmax(0,1fr) 42px;align-items:end;gap:8px;padding:9px 10px calc(9px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface) 96%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.message-composer textarea{width:100%;min-height:42px;max-height:120px;padding:10px 14px;border-radius:22px;resize:none;overflow-y:auto;line-height:1.25}.message-composer .primary-button{width:42px;min-width:42px;height:42px;min-height:42px;padding:0;border-radius:50%}.message-error{position:fixed;left:12px;right:12px;bottom:calc(70px + env(safe-area-inset-bottom));z-index:82}}@media(max-width:420px){.inbox-list .dm-thread-row{grid-template-columns:48px minmax(0,1fr) auto;padding-left:10px;padding-right:10px}.dm-avatar{width:48px;height:48px}.chat-bubble{max-width:82%}}:root[data-theme=dark] .dm-swipe-row,:root[data-theme=dark] .inbox-list .dm-thread-row,:root[data-theme=dark] .dm-conversation-header,:root[data-theme=dark] .message-composer{background-color:#0b0d12}:root[data-theme=dark] .message-day span{background:#ffffff17}.post-image-fallback{width:100%;min-height:210px;display:grid;place-items:center;align-content:center;gap:7px;padding:24px;color:var(--ink-soft);text-align:center;background:radial-gradient(circle at 20% 0%,color-mix(in srgb,var(--brand) 18%,transparent),transparent 48%),var(--surface-muted)}.post-image-fallback span{color:var(--ink);font-weight:900}.post-image-fallback small{max-width:270px;line-height:1.35}.tv-display{--tv-display-ink: #f7fbfa;--tv-display-muted: #b8cbc6;--tv-display-accent: #40d7bd;--tv-display-gold: #e8bd68;width:100vw;height:100vh;height:100dvh;max-height:100dvh;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(16px,2vh,28px);padding:clamp(22px,3vw,52px);color:var(--tv-display-ink);background:radial-gradient(circle at 82% 8%,rgba(64,215,189,.18),transparent 30%),radial-gradient(circle at 12% 90%,rgba(232,189,104,.12),transparent 32%),linear-gradient(145deg,#071713,#0b2420 48%,#06110f);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.tv-display,.tv-display *{box-sizing:border-box}.tv-display-header,.tv-display-footer,.tv-display-grid,.tv-display-masjid,.tv-display-clock,.tv-display-section-title,.tv-display-prayer-head,.tv-display-prayer-row,.tv-display-jummah,.tv-display-jummah>div,.tv-display-event-copy>div,.tv-display-announcement,.tv-display-qr{display:flex;align-items:center}.tv-display-header{justify-content:space-between;gap:30px}.tv-display-header,.tv-display-grid,.tv-display-footer{width:100%;min-width:0}.tv-display-masjid{gap:clamp(16px,2vw,28px);min-width:0}.tv-display-logo{width:clamp(68px,6vw,108px);height:clamp(68px,6vw,108px);flex:0 0 auto;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:24%;color:var(--tv-display-accent);background:#ffffff14;box-shadow:0 20px 55px #0003}.tv-display-logo img{width:100%;height:100%;object-fit:cover}.tv-display-masjid p,.tv-display-event-copy p{margin:0 0 5px;color:var(--tv-display-accent);font-size:clamp(13px,1.1vw,20px);font-weight:900;letter-spacing:.13em;text-transform:uppercase}.tv-display-masjid h1{max-width:58vw;margin:0;overflow:hidden;color:#fff;font-size:clamp(30px,4vw,70px);line-height:1;text-overflow:ellipsis;white-space:nowrap}.tv-display-clock{flex-direction:column;align-items:flex-end;flex:0 0 auto}.tv-display-clock strong{font-size:clamp(38px,5.3vw,88px);line-height:.95;letter-spacing:-.055em}.tv-display-clock span{margin-top:9px;color:var(--tv-display-muted);font-size:clamp(14px,1.25vw,22px);font-weight:700}.tv-display-grid{min-height:0;align-items:stretch;gap:clamp(18px,2vw,32px)}.tv-display-prayer-panel,.tv-display-event-panel{min-height:0;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:clamp(20px,2vw,34px);background:#fff1;box-shadow:0 24px 70px #00000038}.tv-display-prayer-panel{width:43%;padding:clamp(20px,2vw,36px)}.tv-display-section-title{gap:11px;margin-bottom:clamp(14px,2vh,26px);color:var(--tv-display-accent);font-size:clamp(17px,1.5vw,27px);font-weight:900}.tv-display-prayer-head,.tv-display-prayer-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;align-items:center}.tv-display-prayer-head{padding:0 12px 10px;color:var(--tv-display-muted);font-size:clamp(11px,.85vw,15px);font-weight:900;letter-spacing:.11em;text-transform:uppercase}.tv-display-prayer-head span:not(:first-child),.tv-display-prayer-row span,.tv-display-prayer-row em{text-align:center}.tv-display-prayer-list{display:grid;gap:clamp(7px,1vh,13px)}.tv-display-prayer-row{min-height:clamp(50px,6vh,78px);padding:7px 12px;border-radius:14px;background:#ffffff0e}.tv-display-prayer-row strong{font-size:clamp(18px,1.65vw,30px)}.tv-display-prayer-row span,.tv-display-prayer-row em{font-size:clamp(17px,1.55vw,28px);font-style:normal;font-weight:800}.tv-display-prayer-row em{color:var(--tv-display-gold)}.tv-display-jummah{justify-content:space-between;gap:16px;margin-top:clamp(12px,1.7vh,24px);padding:clamp(14px,1.4vw,22px);border:1px solid rgba(232,189,104,.28);border-radius:16px;background:#e8bd681a}.tv-display-jummah>div{gap:9px}.tv-display-jummah>div:last-child{justify-content:flex-end;flex-wrap:wrap}.tv-display-jummah strong,.tv-display-jummah span{font-size:clamp(17px,1.55vw,27px)}.tv-display-jummah span{color:var(--tv-display-gold);font-weight:900}.tv-display-event-panel{position:relative;flex:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.72fr);gap:clamp(16px,2vw,30px);padding:clamp(14px,1.6vw,26px);background:radial-gradient(circle at 20% 0%,rgba(64,215,189,.16),transparent 42%),#102b27}.tv-display-event-image,.tv-display-event-placeholder{min-width:0;width:100%;height:100%;min-height:0;border-radius:clamp(14px,1.5vw,26px)}.tv-display-event-image{display:block;object-fit:contain;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 40%),#00000038}.tv-display-event-placeholder{display:grid;place-items:center;align-content:center;gap:16px;color:var(--tv-display-muted);background:radial-gradient(circle,rgba(64,215,189,.14),transparent 62%);font-size:clamp(20px,2vw,36px);font-weight:900}.tv-display-event-shade{display:none}.tv-display-event-copy{position:relative;z-index:2;min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:clamp(20px,2.4vw,42px);border:1px solid rgba(255,255,255,.11);border-radius:clamp(16px,1.6vw,28px);background:linear-gradient(180deg,#020a0894,#020a0847)}.tv-display-event-copy h2{max-width:100%;margin:0 0 14px;font-size:clamp(28px,3.25vw,58px);line-height:1.04}.tv-display-event-copy>div{gap:9px;margin-top:7px;color:#e4efec;font-size:clamp(15px,1.35vw,24px);font-weight:750}.tv-display-event-description{display:-webkit-box;margin-top:clamp(10px,1.3vh,18px);overflow:hidden;color:var(--tv-display-muted);font-size:clamp(14px,1.15vw,21px);line-height:1.32;-webkit-box-orient:vertical;-webkit-line-clamp:4}.tv-display-slide-dots{position:absolute;z-index:3;top:clamp(24px,2.2vw,38px);left:clamp(24px,2.2vw,38px);display:flex;gap:8px}.tv-display-slide-dots span{width:11px;height:11px;border-radius:50%;background:#ffffff59}.tv-display-slide-dots span.active{width:32px;border-radius:999px;background:var(--tv-display-accent)}.tv-display-footer{gap:clamp(18px,2vw,32px)}.tv-display-announcement{min-width:0;flex:1;gap:13px;padding:clamp(14px,1.3vw,22px) clamp(18px,1.8vw,30px);overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#ffffff12}.tv-display-announcement>svg{flex:0 0 auto;color:var(--tv-display-gold)}.tv-display-announcement>strong{flex:0 0 auto;color:var(--tv-display-gold);font-size:clamp(15px,1.2vw,21px);text-transform:uppercase}.tv-display-ticker{min-width:0;flex:1;overflow:hidden;white-space:nowrap}.tv-display-ticker span{display:inline-block;padding-left:100%;font-size:clamp(17px,1.45vw,26px);font-weight:750;animation:tv-display-ticker-scroll 28s linear infinite}.tv-display-qr{flex:0 0 auto;gap:14px}.tv-display-qr svg{padding:5px;border-radius:12px;background:#fff}.tv-display-qr strong,.tv-display-qr span{display:block}.tv-display-qr strong{font-size:clamp(17px,1.4vw,25px)}.tv-display-qr span{margin-top:3px;color:var(--tv-display-muted);font-size:clamp(13px,1vw,18px)}.tv-display-sync-status{position:fixed;right:14px;bottom:10px;color:#ffffff8c;font-size:11px}@keyframes tv-display-ticker-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}@media(max-aspect-ratio:4 / 3){.tv-display{height:100dvh;overflow:hidden}.tv-display-grid{flex-direction:column}.tv-display-prayer-panel{width:100%}.tv-display-event-panel{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;min-height:0}.tv-display-event-copy{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){.tv-display-ticker span{padding-left:0;animation:none}}.favorite-prayer-switcher{display:flex;gap:7px;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}.favorite-prayer-switcher::-webkit-scrollbar{display:none}.favorite-prayer-switcher button{flex:0 0 auto;min-height:36px;padding:0 13px;border:1px solid var(--line);border-radius:999px;color:var(--ink-soft);background:var(--surface-muted);font-weight:850}.favorite-prayer-switcher button.active{border-color:var(--brand);color:#fff;background:var(--brand)}.masjid-prayer-schedule,.masjid-temporary-prayers{display:grid;gap:14px}.masjid-prayer-table{display:grid;gap:7px}.masjid-prayer-table-head,.masjid-prayer-table-row{display:grid;grid-template-columns:1.1fr 1fr 1fr;align-items:center;gap:8px}.masjid-prayer-table-head{padding:0 10px;color:var(--ink-soft);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.masjid-prayer-table-row{min-height:52px;padding:9px 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface-muted)}.masjid-prayer-table-head span:not(:first-child),.masjid-prayer-table-row span,.masjid-prayer-table-row em{text-align:center}.masjid-prayer-table-row em{color:var(--brand);font-style:normal;font-weight:900}.prayer-extra-row small{color:var(--ink-soft)}.prayer-na{min-height:72px;display:grid;place-items:center;margin:0;border:1px dashed var(--line);border-radius:12px;color:var(--ink-soft);font-weight:900}.dm-group-row{border-bottom:1px solid var(--line)!important}.group-message-sender{display:block;margin-bottom:2px;color:var(--brand);font-size:11px}.dm-new-chat-backdrop{z-index:120}@keyframes dmThreadIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.dm-info-backdrop{z-index:125}.dm-new-chat-sheet,.dm-info-sheet,.dm-report-sheet,.dm-confirm-sheet{width:min(520px,calc(100vw - 24px));max-height:min(760px,90dvh);display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr);gap:12px;padding:16px;overflow:hidden;border-radius:22px}.dm-info-sheet{grid-template-rows:auto auto auto minmax(0,1fr)}.dm-report-sheet,.dm-confirm-sheet{align-self:end;grid-template-rows:auto auto auto;overflow:auto;animation:sheet-slide-up .18s cubic-bezier(.2,.8,.2,1)}.dm-report-sheet textarea{min-height:112px;width:100%;resize:vertical}.dm-report-options{display:flex;flex-wrap:wrap;gap:8px}.dm-report-options button{min-height:36px;padding:0 12px;border:1px solid var(--line, var(--border));border-radius:999px;background:var(--surface-muted);color:var(--ink-soft, var(--muted));font-size:12px;font-weight:900}.dm-report-options button.active{border-color:color-mix(in srgb,var(--brand) 64%,var(--line, #d8e2df));background:color-mix(in srgb,var(--brand) 12%,var(--surface));color:var(--brand-strong, var(--brand))}.dm-confirm-sheet p{margin:0;color:var(--muted);line-height:1.45}.dm-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dm-new-chat-head{display:grid;grid-template-columns:52px minmax(0,1fr) 70px;align-items:center;text-align:center}.dm-new-chat-head button{min-height:42px;border:0;color:var(--brand);background:transparent;font-weight:900}.dm-new-chat-head button:first-child{color:var(--ink)}.dm-new-chat-head button:disabled{opacity:.35}.dm-new-chat-tabs{display:grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:12px;background:var(--surface-muted)}.dm-new-chat-tabs button{min-height:40px;border:0;border-radius:10px;color:var(--ink-soft);background:transparent;font-weight:900}.dm-new-chat-tabs button.active{color:#fff;background:var(--brand)}.dm-group-name{min-height:46px;border-radius:12px}.dm-new-chat-sheet .dm-search{margin:0}.dm-info-hero{display:grid;justify-items:center;gap:5px;padding:8px 0 4px;text-align:center}.dm-info-avatar{width:76px;height:76px;margin-bottom:4px}.dm-info-hero strong{color:var(--ink);font-size:20px}.dm-info-hero small{color:var(--ink-soft);font-weight:800}.dm-info-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px}.dm-info-actions button{min-height:76px;display:grid;place-items:center;gap:6px;border:1px solid var(--line);border-radius:16px;color:var(--ink);background:var(--surface-muted);font-weight:900}.dm-info-members{min-height:0;overflow-y:auto}.dm-info-members h3{margin:8px 0;color:var(--ink);font-size:14px}.dm-info-members button{width:100%;min-height:60px;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;border:0;border-bottom:1px solid var(--line);color:var(--ink);text-align:left;background:transparent}.dm-info-members button>span:last-child{display:grid;gap:2px}.dm-info-members small{color:var(--ink-soft)}.dm-new-chat-people{min-height:0;overflow-y:auto}.dm-new-chat-people>button{width:100%;min-height:66px;display:grid;grid-template-columns:48px minmax(0,1fr) 28px;align-items:center;gap:11px;padding:8px 4px;border:0;border-bottom:1px solid var(--line);color:var(--ink);text-align:left;background:transparent}.dm-new-chat-people>button>span:nth-child(2){display:grid;gap:3px}.dm-new-chat-people small{color:var(--ink-soft)}.dm-new-chat-people i{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:#fff;font-style:normal;background:var(--surface-muted)}.dm-new-chat-people i.selected{border-color:var(--brand);background:var(--brand)}@media(max-width:600px){.dm-new-chat-backdrop,.dm-info-backdrop{align-items:end;padding:0}.dm-new-chat-sheet,.dm-info-sheet{width:100%;max-height:92dvh;border-radius:24px 24px 0 0;padding-bottom:max(16px,env(safe-area-inset-bottom))}}@media(max-width:560px){.top-nav{height:58px;padding:0 10px}.post-button span{display:none}.app{padding:calc(62px + env(safe-area-inset-top)) 10px calc(88px + env(safe-area-inset-bottom))}.app.detail-mode{padding-bottom:max(14px,env(safe-area-inset-bottom))}.composer-actions,.post-actions{grid-template-columns:1fr}.post-social-row{grid-template-columns:repeat(2,minmax(0,1fr))}.masjid-hub-hero{min-height:84px;align-items:center;padding:10px}.hub-logo{width:48px;height:48px;flex-basis:48px;font-size:16px}.dashboard-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.dashboard-menu-grid button{min-height:82px;padding:9px 6px}.dashboard-menu-grid button span{font-size:11px}.dashboard-menu-grid small{font-size:10px}.prayer-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.prayer-grid strong{font-size:12px}.prayer-grid span{font-size:9px}.feed-post h2,.page-header h1{font-size:28px}.auth-screen{padding:28px 18px}}:root[data-theme=dark] .top-nav,:root[data-theme=dark] .panel,:root[data-theme=dark] .back-header,:root[data-theme=dark] .profile-card,:root[data-theme=dark] .search-results,:root[data-theme=dark] .mobile-drawer,:root[data-theme=dark] .mobile-bottom-nav,:root[data-theme=dark] .drawer-profile,:root[data-theme=dark] .role-card,:root[data-theme=dark] .person-card,:root[data-theme=dark] .business-card,:root[data-theme=dark] .library-card{background:var(--panel-bg);border-color:var(--border);color:var(--text)}:root[data-theme=dark] .composer,:root[data-theme=dark] .feed-post,:root[data-theme=dark] .event-card,:root[data-theme=dark] .organization-card,:root[data-theme=dark] .nearby-card,:root[data-theme=dark] .compact-card,:root[data-theme=dark] .hours-summary,:root[data-theme=dark] .application-card,:root[data-theme=dark] .application-modal,:root[data-theme=dark] .filter-panel,:root[data-theme=dark] .modal-backdrop .panel,:root[data-theme=dark] .capacity-block,:root[data-theme=dark] .donation-card,:root[data-theme=dark] .info-block,:root[data-theme=dark] .mini-row,:root[data-theme=dark] .hub-stats article,:root[data-theme=dark] .dashboard-menu-grid button,:root[data-theme=dark] .event-filters label,:root[data-theme=dark] .opportunity-filters label{background:#1c2522;border-color:var(--border);color:var(--text);box-shadow:var(--shadow)}:root[data-theme=dark] input,:root[data-theme=dark] textarea,:root[data-theme=dark] select,:root[data-theme=dark] .global-search,:root[data-theme=dark] .dm-search,:root[data-theme=dark] .profile-form input,:root[data-theme=dark] .profile-form select,:root[data-theme=dark] .profile-form textarea,:root[data-theme=dark] .application-form input,:root[data-theme=dark] .application-form textarea,:root[data-theme=dark] .post-form input,:root[data-theme=dark] .post-form select,:root[data-theme=dark] .post-form textarea,:root[data-theme=dark] .person-card select,:root[data-theme=dark] .event-filters input,:root[data-theme=dark] .event-filters select,:root[data-theme=dark] .opportunity-filters input,:root[data-theme=dark] .opportunity-filters select,:root[data-theme=dark] .search-results button,:root[data-theme=dark] .mini-row,:root[data-theme=dark] .metric-card,:root[data-theme=dark] .chat-bubble.received,:root[data-theme=dark] .qr-box,:root[data-theme=dark] .reaction-row span{background:var(--panel-soft);border-color:var(--border);color:var(--text)}:root[data-theme=dark] .composer-main button{background:var(--panel-soft);border-color:var(--border);color:var(--text)}:root[data-theme=dark] .composer-main button:hover{background:#283532}:root[data-theme=dark] input:focus,:root[data-theme=dark] textarea:focus,:root[data-theme=dark] select:focus,:root[data-theme=dark] .profile-form input:focus,:root[data-theme=dark] .profile-form select:focus,:root[data-theme=dark] .profile-form textarea:focus,:root[data-theme=dark] .application-form input:focus,:root[data-theme=dark] .application-form textarea:focus,:root[data-theme=dark] .post-form input:focus,:root[data-theme=dark] .post-form select:focus,:root[data-theme=dark] .post-form textarea:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px #35cbb929}:root[data-theme=dark] .brand,:root[data-theme=dark] .profile-chip,:root[data-theme=dark] .side-nav button,:root[data-theme=dark] .dashboard-menu-grid button span,:root[data-theme=dark] .page-header h1,:root[data-theme=dark] .section-title h2,:root[data-theme=dark] .section-title h3,:root[data-theme=dark] h1,:root[data-theme=dark] h2,:root[data-theme=dark] h3,:root[data-theme=dark] strong{color:var(--text)}:root[data-theme=dark] .helper-text,:root[data-theme=dark] .search-results small,:root[data-theme=dark] .capacity-block div:first-child,:root[data-theme=dark] .donation-card,:root[data-theme=dark] .info-block p,:root[data-theme=dark] .meta-line,:root[data-theme=dark] .drawer-profile span,:root[data-theme=dark] .check-toggle,:root[data-theme=dark] .hub-stats span,:root[data-theme=dark] .dashboard-menu-grid small,:root[data-theme=dark] p,:root[data-theme=dark] span,:root[data-theme=dark] small{color:var(--muted)}:root[data-theme=dark] .nearby-distance,:root[data-theme=dark] .nearby-card h3,:root[data-theme=dark] .profile-info-grid strong,:root[data-theme=dark] .masjid-stat-strip strong{color:var(--text)}:root[data-theme=dark] .nearby-title-row span,:root[data-theme=dark] .tag-row span,:root[data-theme=dark] .status-pill{background:var(--panel-soft);border-color:var(--border);color:var(--brand-strong)}:root[data-theme=dark] .nearby-image{background:linear-gradient(135deg,#23332f,#18211f);color:var(--brand-strong)}:root[data-theme=dark] a,:root[data-theme=dark] .text-action,:root[data-theme=dark] .section-title button{color:var(--brand-strong)}:root[data-theme=dark] button{color:var(--text)}:root[data-theme=dark] .primary-button,:root[data-theme=dark] .post-button{background:var(--brand);border-color:var(--brand);color:#06201d}:root[data-theme=dark] .primary-button *,:root[data-theme=dark] .post-button *,:root[data-theme=dark] .filter-bar button.active *,:root[data-theme=dark] .mobile-bottom-nav button.active *{color:#06201d}:root[data-theme=dark] .secondary-button,:root[data-theme=dark] .icon-button,:root[data-theme=dark] .dm-top-button,:root[data-theme=dark] .manager-row button,:root[data-theme=dark] .filter-bar button,:root[data-theme=dark] .post-actions button,:root[data-theme=dark] .post-social-row button,:root[data-theme=dark] .comment-form button,:root[data-theme=dark] .composer-actions button,:root[data-theme=dark] .compact-card button,:root[data-theme=dark] .mobile-bottom-nav button,:root[data-theme=dark] .inbox-list button,:root[data-theme=dark] .message-actions button,:root[data-theme=dark] .load-more,:root[data-theme=dark] .mobile-logout{background:var(--panel-soft);border-color:var(--border);color:var(--brand-strong)}:root[data-theme=dark] .secondary-button *,:root[data-theme=dark] .icon-button *,:root[data-theme=dark] .dm-top-button *,:root[data-theme=dark] .manager-row button *,:root[data-theme=dark] .filter-bar button *,:root[data-theme=dark] .post-actions button *,:root[data-theme=dark] .post-social-row button *,:root[data-theme=dark] .comment-form button *,:root[data-theme=dark] .composer-actions button *,:root[data-theme=dark] .compact-card button *,:root[data-theme=dark] .mobile-bottom-nav button *,:root[data-theme=dark] .inbox-list button *,:root[data-theme=dark] .message-actions button *,:root[data-theme=dark] .load-more *,:root[data-theme=dark] .mobile-logout *{color:inherit}:root[data-theme=dark] .manager-row .primary-button,:root[data-theme=dark] .profile-actions .primary-button,:root[data-theme=dark] .card-footer .primary-button,:root[data-theme=dark] .map-result-list .primary-button{background:var(--brand);border-color:var(--brand);color:#06201d}:root[data-theme=dark] .manager-row .primary-button *,:root[data-theme=dark] .profile-actions .primary-button *,:root[data-theme=dark] .card-footer .primary-button *,:root[data-theme=dark] .map-result-list .primary-button *{color:#06201d}:root[data-theme=dark] .dm-top-button span{background:#f43f5e;color:#fff}:root[data-theme=dark] .sponsor-strip,:root[data-theme=dark] .post-head>span,:root[data-theme=dark] .event-top>span,:root[data-theme=dark] .library-card>span{background:#2b3835;border-color:var(--border);color:var(--brand-strong)}:root[data-theme=dark] .secondary-button.danger,:root[data-theme=dark] .manager-row .danger{background:#3a2028;border-color:#7f3346;color:#fecdd3}:root[data-theme=dark] .side-nav button.active,:root[data-theme=dark] .side-nav button:hover,:root[data-theme=dark] .inbox-list button.active,:root[data-theme=dark] .filter-bar button.active,:root[data-theme=dark] .mobile-bottom-nav button.active,:root[data-theme=dark] .metric-button:hover,:root[data-theme=dark] .metric-button:focus-visible,:root[data-theme=dark] .dashboard-menu-grid button.active,:root[data-theme=dark] .dashboard-menu-grid button:hover{background:#283532;border-color:var(--brand);color:var(--text)}:root[data-theme=dark] .dm-inbox-summary{background:var(--panel-soft);border-color:var(--border)}:root[data-theme=dark] .inbox-list .dm-inbox-summary span{color:var(--muted)}:root[data-theme=dark] .inbox-list .dm-filter-row button,:root[data-theme=dark] .quick-reply-row button{background:var(--panel-soft);border-color:var(--border);color:var(--brand-strong)}:root[data-theme=dark] .inbox-list .dm-filter-row button.active,:root[data-theme=dark] .inbox-list .dm-filter-row button:hover,:root[data-theme=dark] .quick-reply-row button:hover{background:#283532;border-color:var(--brand);color:var(--text)}:root[data-theme=dark] .event-date-badge{background:#19211ff0;color:var(--text)}:root[data-theme=dark] .mobile-bottom-nav button.active,:root[data-theme=dark] .mobile-bottom-nav button.active *{color:var(--brand-strong)}:root[data-theme=dark] .status-pill,:root[data-theme=dark] .tag-row span,:root[data-theme=dark] .profile-meta span,:root[data-theme=dark] .role-meta span,:root[data-theme=dark] .org-detail-row span,:root[data-theme=dark] .check-row span,:root[data-theme=dark] .check-row strong,:root[data-theme=dark] .trust-strip span,:root[data-theme=dark] .profile-trust-grid article{background:#2b3835;border-color:var(--border);color:#d9e7e3}:root[data-theme=dark] .post-comments{border-color:var(--border)}:root[data-theme=dark] .comment-bubble,:root[data-theme=dark] .tiny-avatar,:root[data-theme=dark] .comment-form input{background:var(--panel-soft);border-color:var(--border);color:var(--text)}:root[data-theme=dark] .comment-bubble strong{color:var(--text)}:root[data-theme=dark] .comment-bubble button:hover{background:#3a2028;color:#fecdd3}:root[data-theme=dark] .progress{background:#2b3835}:root[data-theme=dark] .masjid-hero,:root[data-theme=dark] .person-banner,:root[data-theme=dark] .profile-banner{background:linear-gradient(135deg,#35cbb92e,#b0781a29),linear-gradient(45deg,#1c2522,#293631)}:root[data-theme=dark] .chat-bubble.sent{background:#0f766e;color:#fff}:root[data-theme=dark] .chat-bubble.sent *,:root[data-theme=dark] .profile-avatar,:root[data-theme=dark] .org-logo,:root[data-theme=dark] .brand span,:root[data-theme=dark] .dm-dot{color:#fff}.interest-picker,.settings-panel{display:grid;gap:14px}.mobile-settings{gap:12px}.settings-group,.toggle-list{display:grid;gap:8px}.switch-row{min-height:48px;border:1px solid var(--border);border-radius:8px;background:var(--panel-soft);color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;font-weight:850}.switch-row input{appearance:none;width:46px;height:26px;border-radius:999px;border:1px solid var(--border);background:#cbd8d4;position:relative;flex:0 0 auto}.switch-row input:after{content:"";width:20px;height:20px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;box-shadow:0 2px 6px #0f231e2e;transition:transform .18s ease}.switch-row input:checked{background:var(--accent);border-color:var(--accent)}.switch-row input:checked:after{transform:translate(20px)}.settings-source-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.action-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.action-row span{grid-column:1}.action-row button{grid-column:2}.interest-picker{padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--panel-soft)}.interest-picker strong,.field-label span{color:var(--text);font-weight:900}.interest-picker p{margin:4px 0 0;color:var(--muted);line-height:1.45}.interest-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.auth-date-field,.auth-form .auth-date-field input{width:100%}.auth-interest-picker{width:100%;max-width:100%;overflow:hidden}.auth-interest-picker .interest-picker-head{min-width:0}.auth-interest-picker .interest-options{grid-template-columns:repeat(auto-fit,minmax(112px,1fr))}.auth-interest-picker .check-toggle{min-width:0;width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);white-space:normal;overflow-wrap:anywhere}.auth-interest-picker .check-toggle input{flex:0 0 auto}.field-label{display:grid;gap:8px}.field-label input,.field-label select{width:min(360px,100%)}.reset-message{width:min(520px,100%);overflow-wrap:anywhere}.reset-message.auth-message-error,.reset-message.auth-message-info{padding:10px 12px;border:1px solid color-mix(in srgb,var(--line) 76%,var(--brand));border-radius:var(--radius-control, 12px);background:color-mix(in srgb,var(--brand) 8%,var(--surface, #fff));color:var(--brand-strong, var(--brand));font-weight:800;text-align:left}.reset-message.auth-message-error{border-color:color-mix(in srgb,#dc2626 42%,var(--line));background:color-mix(in srgb,#dc2626 8%,var(--surface, #fff));color:#b42318}.auth-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 14px}@media(max-width:880px){:root{--mobile-vh: 100svh;--mobile-top-height: calc(54px + env(safe-area-inset-top)) ;--mobile-nav-height: calc(62px + env(safe-area-inset-bottom)) ;--mobile-page-bottom: var(--mobile-nav-height)}@supports (height: 100dvh){:root{--mobile-vh: 100dvh}}html,body,#root{width:100%;max-width:100%;min-height:var(--mobile-vh);background:var(--page-bg);overflow-x:hidden;overscroll-behavior-x:none}html{overflow-y:auto}body{width:100%;min-height:var(--mobile-vh);overflow-x:hidden;overscroll-behavior-y:contain;overscroll-behavior-x:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;scrollbar-width:none;user-select:none;-webkit-user-select:none;-webkit-overflow-scrolling:touch}*{scrollbar-width:none}*::-webkit-scrollbar{width:0;height:0;display:none}input,textarea,select,[contenteditable=true]{font-size:16px;user-select:text;-webkit-user-select:text;touch-action:manipulation}button,a,.mobile-bottom-nav,.side-nav button,.dashboard-menu-grid button,.icon-button,.primary-button,.secondary-button{touch-action:manipulation;user-select:none;-webkit-user-select:none}img,svg{-webkit-user-drag:none;user-select:none;-webkit-user-select:none}.app{width:100%;min-height:var(--mobile-vh);min-width:0;max-width:none;overflow-x:clip;padding:var(--mobile-top-height) 0 var(--mobile-page-bottom);margin:0}.app.detail-mode{padding-bottom:env(safe-area-inset-bottom)}.main-panel,.page,.feed-column,.stack,.stack-list{width:100%;max-width:100%;min-width:0;overflow-x:clip}.main-panel.page-motion{will-change:transform,opacity;pointer-events:none}.main-panel.page-dragging{opacity:var(--drag-opacity, 1);transform:translate3d(var(--drag-x, 0),0,0);transition:none;will-change:transform,opacity}.main-panel.page-motion.slide-next{animation:mobileSlideNext .24s cubic-bezier(.22,.8,.22,1)}.main-panel.page-motion.slide-prev{animation:mobileSlidePrev .24s cubic-bezier(.22,.8,.22,1)}@keyframes mobileSlideNext{0%{opacity:.72;transform:translate3d(32px,0,0) scale(.992)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes mobileSlidePrev{0%{opacity:.72;transform:translate3d(-32px,0,0) scale(.992)}to{opacity:1;transform:translateZ(0) scale(1)}}@media(prefers-reduced-motion:reduce){.main-panel.page-motion.slide-next,.main-panel.page-motion.slide-prev{animation:none}}.top-nav{height:var(--mobile-top-height);padding:env(safe-area-inset-top) 12px 0;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;background:color-mix(in srgb,var(--panel-bg) 94%,transparent);border-bottom:1px solid var(--border);box-shadow:0 8px 28px #00000014}.brand{min-width:0;justify-content:center}.brand span{width:34px;height:34px;border-radius:10px}.top-actions{gap:6px}.masjid-profile{border-radius:0;margin:0 -10px 10px}.masjid-hero{min-height:132px;align-items:end;gap:11px;padding:12px;border-radius:0}.masjid-hero .org-logo{width:58px;height:58px;font-size:18px}.masjid-hero h2{font-size:21px;line-height:1.1}.masjid-profile-summary{padding:12px}.masjid-stat-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.masjid-stat-strip div{padding:8px 5px;text-align:center}.masjid-stat-strip strong{font-size:16px}.masjid-stat-strip span{font-size:10px}.masjid-profile-section{padding:12px}.compact-profile-row{padding:9px}.top-actions .icon-button,.dm-top-button,.post-button{width:38px;min-width:38px;height:38px;min-height:38px;padding:0;border-radius:50%}.top-actions .post-button{display:none}.mobile-menu{width:38px;height:38px;min-height:38px;border-radius:50%}.page{gap:10px}.page-header{min-height:auto;padding:14px 16px 10px;border-radius:0;background:transparent;color:var(--text)}.page-header h1{color:var(--text);font-size:24px;line-height:1.1}.page-header p{max-width:100%;margin-top:5px;color:var(--muted);font-size:13px}.page-header .eyebrow{display:none}.content-grid,.right-rail,.card-grid.two,.card-grid.three,.organization-grid,.metric-grid,.admin-grid,.event-discovery,.messaging-layout{display:grid;grid-template-columns:1fr;gap:10px}.right-rail{display:contents}.panel,.composer,.feed-post,.event-card,.organization-card,.person-card,.role-card,.library-card,.business-card,.metric-card,.nearby-card,.profile-card{width:100%;border-left:0;border-right:0;border-radius:0;box-shadow:none;background:var(--panel-bg)}.composer{padding:12px 14px}.composer-main button{min-height:42px;border-radius:999px;font-size:13px}.composer-actions{display:flex;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.composer-actions::-webkit-scrollbar{display:none}.composer-actions button{flex:0 0 auto;min-width:112px;min-height:38px;border-radius:999px}.feed-post,.mini-row{padding:14px 16px}.feed-post h2{font-size:19px}.post-image,.event-banner,.event-detail-image,.profile-banner,.person-banner{border-radius:0;border-left:0;border-right:0}.event-banner,.event-detail-image{min-height:380px}.event-detail-modal-backdrop{padding:10px}.event-detail-modal .event-detail-panel{grid-template-columns:1fr}.post-social-row{display:flex;overflow-x:auto;gap:8px;scrollbar-width:none}.post-social-row::-webkit-scrollbar{display:none}.post-social-row button{flex:0 0 auto;min-width:94px;border-radius:999px}.mobile-bottom-nav{left:0;right:0;bottom:0;height:var(--mobile-nav-height);padding:6px 14px max(6px,env(safe-area-inset-bottom));border-radius:22px 22px 0 0;border-left:0;border-right:0;border-bottom:0;background:color-mix(in srgb,var(--panel-bg) 96%,transparent);border-color:color-mix(in srgb,var(--border) 86%,transparent);box-shadow:0 -12px 36px #0003;overflow-x:auto;overscroll-behavior-x:contain}.mobile-bottom-nav button{min-height:44px;border-radius:16px;gap:1px;touch-action:manipulation}.mobile-bottom-nav button.active{background:var(--brand);color:#fff}.mobile-drawer{width:min(330px,86vw);max-height:100dvh;padding:calc(14px + env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom));background:var(--panel-bg);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;will-change:transform}.mobile-drawer .drawer-head{position:sticky;top:0;z-index:2;padding-bottom:10px;background:var(--panel-bg)}.mobile-drawer .side-nav{padding-bottom:8px}.drawer-profile,.side-nav button,.mobile-logout{border-radius:14px}.side-nav button{min-height:48px;box-shadow:none}.inbox-list{padding:0}.dm-inbox-summary,.dm-search,.dm-filter-row{margin:10px 12px}.inbox-list button{min-height:68px;padding:10px 14px;border-radius:0;border-bottom:1px solid var(--border);background:var(--panel-bg)}.dm-avatar,.org-logo{border-radius:50%}.thread-route .message-thread{min-height:calc(100dvh - 108px - env(safe-area-inset-top))}.message-thread{border:0}.thread-head{padding:10px 14px;border-bottom:1px solid var(--border)}.message-list{padding:12px 12px 4px}.chat-bubble{max-width:78%;border-radius:18px;padding:9px 12px}.chat-bubble.sent{border-bottom-right-radius:6px}.chat-bubble.received{border-bottom-left-radius:6px}.quick-reply-row{padding:6px 12px 0;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.quick-reply-row::-webkit-scrollbar{display:none}.quick-reply-row button{flex:0 0 auto}.message-composer{grid-template-columns:minmax(0,1fr) 44px;gap:8px;padding:8px 12px max(8px,env(safe-area-inset-bottom));border-top:1px solid var(--border)}.message-composer textarea{min-height:42px;max-height:96px;border-radius:18px}.message-composer .primary-button{width:44px;min-width:44px;height:44px;min-height:44px;border-radius:50%;padding:0}.profile-detail,.profile-social,.masjid-profile,.prayer-app-layout>.panel{border-radius:0;margin-left:0;margin-right:0}.profile-header-card{padding:0 16px 14px}.profile-actions,.card-footer,.hub-actions,.nearby-actions,.manager-row{display:flex;flex-wrap:wrap;gap:8px}.nearby-card{grid-template-columns:86px minmax(0,1fr);align-items:start;padding:12px;gap:10px;border-radius:0}.nearby-image{width:86px;height:92px}.nearby-title-row{align-items:flex-start}.nearby-title-row span{display:none}.nearby-card h3{font-size:16px;line-height:1.15}.nearby-card p{font-size:12px}.nearby-summary{-webkit-line-clamp:2}.nearby-actions{grid-column:1 / -1;justify-content:stretch}.masjid-profile-summary{padding:14px 14px 0}.profile-info-grid{grid-template-columns:1fr}.profile-actions>*,.card-footer>*,.hub-actions>*,.nearby-actions>*,.manager-row>*{flex:1 1 auto;min-width:min(150px,100%)}.primary-button,.secondary-button{border-radius:999px}}.feature-screen-content .manager-row>*{flex:0 0 auto;min-width:0}.feature-screen-content .manager-row span,.feature-screen-content .manager-row p,.feature-screen-content .manager-row small{flex:1 1 100%}@media(max-width:560px){.masjid-hub{padding:10px}.masjid-hub-hero{min-height:74px}.dashboard-menu-grid button{min-height:68px}.feature-screen-content .panel{padding:10px}}:root[data-theme=dark] .masjid-feature-screen{background:var(--page-bg)}:root[data-theme=dark] .feature-screen-topbar{background:#19211ff5;border-color:var(--border)}:root[data-theme=dark] .feature-screen-topbar strong{color:var(--text)}:root[data-theme=dark] .feature-screen-topbar span{color:var(--muted)}:root[data-theme=dark] .feature-screen-topbar .icon-button,:root[data-theme=dark] .dashboard-menu-grid button{background:var(--panel-soft);border-color:var(--border);color:var(--text)}:root[data-theme=dark] .dashboard-menu-grid button:hover,:root[data-theme=dark] .dashboard-menu-grid button.active{background:#203b37;border-color:var(--brand)}:root[data-theme=dark] .feature-screen-content .org-feature-panel{background:transparent;border-color:transparent}:root[data-theme=dark] .feature-screen-content .profile-tools-panel,:root[data-theme=dark] .feature-screen-content>.panel,:root[data-theme=dark] .feature-screen-content .mini-row,:root[data-theme=dark] .feature-screen-content .application-card{background:var(--panel-bg);border-color:var(--border);color:var(--text)}:root[data-theme=dark] .feature-screen-content .manager-row button,:root[data-theme=dark] .feature-screen-content .manager-row .secondary-button{background:var(--panel-soft);border-color:var(--border);color:var(--text)}.masjid-operator-head{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px;padding:4px 2px 2px}.masjid-operator-head>div:last-child{min-width:0}.masjid-operator-head span,.operator-section-title span,.operator-section-title button{color:var(--muted);font-size:12px;font-weight:850}.masjid-operator-head h2{margin:1px 0 0;font-size:21px;line-height:1.08}.masjid-operator-head p{margin:3px 0 0;color:var(--muted);font-size:12px;line-height:1.3}.operator-snapshot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.operator-snapshot article{min-width:0;padding:10px 8px;border:1px solid var(--border);border-radius:8px;background:var(--panel-soft)}.operator-snapshot article.urgent{border-color:#fecdd3;background:#fff1f2}.operator-snapshot strong{display:block;font-size:21px;line-height:1}.operator-snapshot span{display:block;margin-top:5px;color:var(--muted);font-size:11px;font-weight:850;line-height:1.15}.operator-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.operator-quick-actions button{min-height:44px;border-radius:8px}.operator-section{display:grid;gap:8px}.operator-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.operator-section-title h3{margin:0;font-size:15px;line-height:1}.operator-section-title button{border:0;background:transparent;padding:0;color:var(--brand)}.attention-list{display:grid;gap:7px}.attention-list button{min-width:0;min-height:46px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid var(--border);border-radius:8px;background:var(--panel-bg);color:var(--text);padding:8px 10px;text-align:left}.attention-list svg,.operator-management-grid svg,.analytics-strip svg{color:var(--brand)}.attention-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:850}.urgent-badge{min-width:24px;min-height:24px;display:grid;place-items:center;border-radius:999px;background:#dc2626;color:#fff;font-size:12px}.attention-list strong:not(.urgent-badge){min-width:24px;color:var(--muted);text-align:center;font-size:12px}.inbox-preview-list{display:grid;gap:7px}.inbox-preview-list button{min-width:0;min-height:56px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid var(--border);border-radius:8px;background:var(--panel-bg);color:var(--text);padding:8px 10px;text-align:left}.inbox-preview-list .org-logo{width:36px;height:36px;font-size:12px}.inbox-preview-list button>div:nth-child(2){min-width:0}.inbox-preview-list strong,.inbox-preview-list span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-preview-list strong{font-size:13px}.inbox-preview-list span{margin-top:2px;color:var(--muted);font-size:12px;font-weight:750}.inbox-preview-list em{min-width:24px;min-height:24px;display:grid;place-items:center;border-radius:999px;background:#dc2626;color:#fff;font-size:11px;font-style:normal;font-weight:900}.operator-management-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.operator-management-grid button{min-width:0;min-height:62px;display:grid;place-items:center;align-content:center;gap:5px;border:1px solid var(--border);border-radius:8px;background:var(--panel-soft);color:var(--text);padding:8px 5px}.operator-management-grid span{max-width:100%;color:var(--text);font-size:10px;font-weight:850;line-height:1.1;overflow-wrap:anywhere}.community-publishing{padding:18px;border:1px solid color-mix(in srgb,var(--brand) 20%,var(--border));border-radius:22px;background:radial-gradient(circle at top right,color-mix(in srgb,var(--brand) 12%,transparent),transparent 38%),var(--surface)}.community-publishing .operator-section-title>div{display:grid;gap:2px}.community-publishing .operator-section-title h3,.community-publishing .operator-section-title p{margin:0}.community-publishing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.community-publishing-grid button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;min-width:0;padding:13px;text-align:left;border:1px solid var(--border);border-radius:16px;color:var(--text);background:color-mix(in srgb,var(--surface) 88%,var(--brand) 4%)}.community-publishing-grid button:hover{border-color:color-mix(in srgb,var(--brand) 48%,var(--border));transform:translateY(-1px)}.community-publishing-grid button>span:nth-child(2){display:grid;min-width:0;gap:3px}.community-publishing-grid small{color:var(--muted);font-size:.72rem;line-height:1.3}.publishing-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:13px;color:var(--brand);background:color-mix(in srgb,var(--brand) 12%,var(--surface))}.analytics-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}@media(max-width:620px){.community-publishing-grid{grid-template-columns:1fr}}.fatal-error-screen{min-height:100dvh;display:grid;place-items:center;padding:24px;color:var(--text, #17212b);background:var(--background, #eef2f5)}.fatal-error-card{width:min(100%,520px);padding:28px;border:1px solid var(--border, #d7dee8);border-radius:24px;background:var(--surface, #fff);box-shadow:0 22px 70px #0f172a26}.fatal-error-card>span{color:var(--brand, #0f766e);font-size:.76rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.fatal-error-card h1{margin:10px 0 8px}.fatal-error-card p{color:var(--muted, #607080);line-height:1.6}.fatal-error-card>div{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.fatal-error-card button{min-height:44px;padding:0 18px;border:0;border-radius:999px;color:#fff;background:var(--brand, #0f766e);font-weight:800}.fatal-error-card pre{overflow:auto;margin-top:18px;padding:12px;border-radius:12px;color:#fecaca;background:#450a0a;white-space:pre-wrap}.dashboard-status-card{display:grid;gap:.45rem;margin-top:1rem;padding:1rem;border:1px solid var(--border);border-radius:16px;background:var(--surface-soft, #f8fafc)}.dashboard-status-card.error{border-color:#be3b3b59;background:#be3b3b14}.dashboard-status-card .secondary-button{justify-self:start;margin-top:.25rem}.analytics-strip button{min-width:0;display:grid;justify-items:start;gap:3px;border:1px solid var(--border);border-radius:8px;background:var(--panel-bg);color:var(--text);padding:9px 8px;text-align:left}.analytics-strip strong{font-size:17px;line-height:1}.analytics-strip span{color:var(--muted);font-size:10px;font-weight:850}.operator-preview-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--brand);font-weight:900}.event-registration-card{gap:8px}.event-attendance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.event-attendance-grid div{min-width:0;padding:9px 8px;border:1px solid var(--border);border-radius:8px;background:var(--panel-bg)}.event-attendance-grid strong{display:block;font-size:20px;line-height:1}.event-attendance-grid span{display:block;margin-top:4px;color:var(--muted);font-size:10px;font-weight:850;line-height:1.1}.attendee-row{background:color-mix(in srgb,var(--panel-soft) 72%,transparent);border-radius:8px;padding:7px}:root[data-theme=dark] .operator-snapshot article,:root[data-theme=dark] .attention-list button,:root[data-theme=dark] .analytics-strip button,:root[data-theme=dark] .event-attendance-grid div,:root[data-theme=dark] .inbox-preview-list button{background:var(--panel-bg);border-color:var(--border)}:root[data-theme=dark] .operator-snapshot article.urgent{background:#3a2024;border-color:#7f1d1d}:root[data-theme=dark] .operator-management-grid button{background:var(--panel-soft);border-color:var(--border)}@media(max-width:560px){.operator-management-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.analytics-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:880px){html,body,#root,.app,.main-panel,.page,.content-grid,.feed-column,.feed-post,.panel{width:100%;max-width:100%;min-width:0;overflow-x:clip}.top-nav{grid-template-columns:40px minmax(34px,1fr) auto;gap:6px;padding-left:max(10px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right));overflow:hidden}.brand{justify-self:center;min-width:0;overflow:hidden}.brand span{width:clamp(32px,9.4vw,38px);height:clamp(32px,9.4vw,38px);font-size:clamp(13px,3.6vw,16px)}.top-actions{min-width:0;max-width:100%;justify-content:flex-end;gap:clamp(3px,1.4vw,6px);overflow:hidden}.top-actions .profile-chip{display:none}.top-actions .icon-button,.dm-top-button{width:clamp(33px,9.4vw,38px);min-width:clamp(33px,9.4vw,38px);height:clamp(33px,9.4vw,38px);min-height:clamp(33px,9.4vw,38px)}.composer-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible;padding-bottom:0}.composer-actions button{width:100%;min-width:0;padding-inline:8px;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}.hub-actions>*{min-width:0;width:100%;justify-content:center;padding-inline:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-post{padding-inline:12px}.feed-post header,.feed-post header>div,.feed-post p,.feed-post h2{min-width:0;max-width:100%;overflow-wrap:anywhere}.post-image{display:block;width:100%;max-width:100%;height:auto;max-height:52dvh;object-fit:cover}.mobile-bottom-nav{max-width:100%}.profile-card,.composer,.event-card,.organization-card,.person-card,.role-card,.library-card,.business-card,.metric-card,.nearby-card,.profile-detail,.profile-social,.masjid-profile,.masjid-hub,.dashboard-menu-grid,.operator-management-grid,.analytics-strip,.inbox-preview-list,.event-attendance-grid,.post-social-row,.profile-actions,.card-footer,.nearby-actions,.manager-row,.filter-panel,.event-filters,.prayer-app-layout{max-width:100%;min-width:0;overflow-x:clip}.event-card *,.organization-card *,.person-card *,.role-card *,.library-card *,.business-card *,.metric-card *,.nearby-card *,.profile-card *,.panel *,.feed-post *{max-width:100%}.content-grid,.card-grid,.card-grid.two,.card-grid.three,.organization-grid,.metric-grid,.admin-grid,.event-discovery,.messaging-layout,.dashboard-menu-grid,.operator-management-grid,.analytics-strip,.event-attendance-grid{grid-template-columns:minmax(0,1fr)}.dashboard-menu-grid,.operator-management-grid{grid-template-columns:repeat(auto-fit,minmax(min(74px,100%),1fr))}.analytics-strip,.event-attendance-grid,.dm-inbox-summary{grid-template-columns:repeat(auto-fit,minmax(min(118px,100%),1fr))}.post-social-row,.profile-actions,.card-footer,.nearby-actions,.manager-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(112px,100%),1fr));gap:8px}.post-social-row button,.profile-actions>*,.card-footer>*,.nearby-actions>*,.manager-row>*{min-width:0;width:100%}.filter-panel,.event-filters{display:grid;grid-template-columns:minmax(0,1fr)}.filter-panel>*,.event-filters>*,.filter-panel input,.event-filters input,.filter-panel select,.event-filters select{width:100%;min-width:0}.nearby-card{grid-template-columns:minmax(72px,28%) minmax(0,1fr)}.nearby-image{width:100%;min-width:0}.table-scroll,table{max-width:100%;overflow-x:auto}.mobile-bottom-nav{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-template-columns:none;overflow:hidden}.mobile-bottom-nav button{min-width:0;padding-inline:2px}.mobile-bottom-nav button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:370px){.top-nav{grid-template-columns:36px minmax(30px,1fr) auto;gap:4px;padding-left:max(8px,env(safe-area-inset-left));padding-right:max(6px,env(safe-area-inset-right))}.mobile-menu,.top-actions .icon-button,.dm-top-button{width:32px;min-width:32px;height:32px;min-height:32px}.top-actions{gap:3px}.brand span{width:32px;height:32px;border-radius:9px;font-size:13px}.composer{padding-inline:10px}.composer-actions,.hub-actions{gap:6px}.composer-actions button,.hub-actions>*{min-height:38px;padding-inline:6px;font-size:12px}.mobile-bottom-nav{padding-left:8px;padding-right:8px}}@media(max-width:340px){.top-nav{grid-template-columns:32px minmax(24px,1fr) auto;padding-left:max(6px,env(safe-area-inset-left));padding-right:max(4px,env(safe-area-inset-right))}.mobile-menu,.top-actions .icon-button,.dm-top-button{width:30px;min-width:30px;height:30px;min-height:30px}.brand span{width:30px;height:30px;font-size:12px}.composer-actions,.hub-actions{grid-template-columns:minmax(0,1fr)}.composer-actions button,.hub-actions>*{justify-content:center}.feed-post,.panel,.composer{padding-inline:8px}.mobile-bottom-nav{padding-left:4px;padding-right:4px}.mobile-bottom-nav button{min-height:42px}.mobile-bottom-nav button span{font-size:10px}}:root{--app-max: 1180px;--nav-height: 62px;--mobile-nav-height: 66px;--surface: #ffffff;--surface-raised: rgba(255, 255, 255, .96);--surface-muted: #f7f8fa;--ink: #121417;--ink-soft: #56616b;--line: #dde3ea;--brand: #0f766e;--brand-strong: #0b5f58;--accent: #7c3aed;--gold: #b7791f;--danger: #be123c;--radius: 8px;--shadow: 0 10px 28px rgba(19, 31, 45, .08);--shadow-soft: 0 2px 10px rgba(19, 31, 45, .06)}:root[data-theme=dark]{--surface: #161a1f;--surface-raised: rgba(22, 26, 31, .96);--surface-muted: #20262d;--ink: #f4f7fb;--ink-soft: #b4beca;--line: #303943;--shadow: 0 12px 34px rgba(0, 0, 0, .32);--shadow-soft: 0 2px 12px rgba(0, 0, 0, .24)}body{background:linear-gradient(180deg,rgba(15,118,110,.06),transparent 280px),var(--page-bg);color:var(--ink)}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 34%,transparent);outline-offset:2px}.app{width:min(var(--app-max),100%);grid-template-columns:232px minmax(0,1fr);gap:18px;padding-top:calc(var(--nav-height) + 18px)}.app-glow{display:none}.top-nav{height:var(--nav-height);grid-template-columns:224px minmax(260px,520px) minmax(0,1fr);gap:14px;padding:0 max(18px,calc((100vw - var(--app-max)) / 2 + 18px));background:var(--surface-raised);border-bottom-color:var(--line);box-shadow:0 1px #131f2d08}.brand{color:var(--ink)}.brand span,.profile-avatar,.org-logo,.tiny-avatar{background:linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--accent) 42%,var(--brand)))}.brand span{width:34px;height:34px}.brand strong{font-size:16px;letter-spacing:0}.global-search{height:40px;background:var(--surface-muted);border-color:transparent;border-radius:999px;color:var(--ink-soft)}.global-search:focus-within{background:var(--surface);border-color:color-mix(in srgb,var(--brand) 35%,var(--line));box-shadow:var(--shadow-soft)}.global-search input{color:var(--ink)}.search-results{border-color:var(--line);background:var(--surface);box-shadow:var(--shadow)}.search-results button{background:transparent;border:1px solid transparent}.search-results button:hover{background:var(--surface-muted);border-color:var(--line)}.top-actions{gap:8px}.icon-button,.dm-top-button,.post-button,.primary-button,.secondary-button,.operator-preview-button,.compact-card button,.setup-step button,.manager-row button,.manager-row .secondary-button,.profile-actions>*,.card-footer>*,.nearby-actions>*{min-height:38px;border-radius:999px;border-color:var(--line);box-shadow:none}.icon-button,.dm-top-button{background:var(--surface-muted);color:var(--ink)}.post-button,.primary-button{background:var(--brand);border-color:var(--brand);color:#fff}.post-button:hover,.primary-button:hover{background:var(--brand-strong);border-color:var(--brand-strong)}.secondary-button{background:var(--surface);color:var(--brand)}.secondary-button:hover,.icon-button:hover,.dm-top-button:hover{background:color-mix(in srgb,var(--brand) 9%,var(--surface));border-color:color-mix(in srgb,var(--brand) 28%,var(--line))}.profile-chip{max-width:190px;padding:4px 8px 4px 4px;border-radius:999px}.profile-chip:hover{background:var(--surface-muted)}.profile-chip span{width:32px;height:32px}.rail{top:calc(var(--nav-height) + 18px)}.profile-card,.panel,.composer,.feed-post,.event-card,.organization-card,.person-card,.role-card,.library-card,.business-card,.metric-card,.nearby-card,.compact-card,.mini-row,.application-card{background:var(--surface);border-color:var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.profile-card,.left-rail .side-nav,.right-rail,.feed-column{gap:12px}.profile-cover{height:58px}.profile-body{padding:0 14px 14px}.profile-avatar{width:58px;height:58px}.profile-body h2{font-size:18px}.profile-body p,.feed-post p,.event-card p,.organization-card p,.person-card p,.role-card p,.library-card p,.business-card p,.compact-card p,.page-header p,.helper-text{color:var(--ink-soft)}.profile-meta span,.role-meta span,.org-detail-row span,.check-row span,.check-row strong,.status-pill,.tag-row span{border-color:color-mix(in srgb,var(--brand) 18%,var(--line));background:color-mix(in srgb,var(--brand) 8%,var(--surface));color:color-mix(in srgb,var(--brand) 78%,var(--ink))}.text-action{color:var(--gold)}.side-nav{gap:3px}.side-nav button{height:42px;border-radius:999px;color:var(--ink-soft)}.side-nav button.active,.side-nav button:hover{background:color-mix(in srgb,var(--brand) 9%,var(--surface));color:var(--brand);box-shadow:none}.main-panel{display:grid;gap:14px}.content-grid{grid-template-columns:minmax(0,1fr) minmax(280px,320px);gap:16px}.feed-column{max-width:720px;justify-self:stretch}.composer{padding:14px}.composer-main button{min-height:44px;background:var(--surface-muted);border-color:transparent;color:var(--ink-soft)}.composer-main button:hover{background:color-mix(in srgb,var(--brand) 8%,var(--surface));color:var(--ink)}.composer-actions{margin-top:10px}.composer-actions button{min-height:38px;background:transparent;color:var(--ink-soft);border-color:transparent}.composer-actions button:hover{background:var(--surface-muted);color:var(--brand)}.feed-post>*:not(.post-image){margin-left:16px;margin-right:16px}.feed-post .thread-head,.feed-post .post-head{margin:0;padding:14px 16px 10px}.feed-post .thread-head+.post-image,.feed-post .post-head+.post-image{margin-top:0}.feed-post strong,.feed-post h2{display:block;font-size:20px;line-height:1.2}.feed-post p{font-size:14px}.post-image{min-height:0;max-height:680px;border-left:0;border-right:0;border-radius:0;background:#eef1f4}.post-social-row,.post-actions,.post-comments{margin-left:0;margin-right:0;padding-left:16px;padding-right:16px}.post-social-row button,.post-actions button{border-color:transparent;background:transparent}.post-social-row button:hover,.post-actions button:hover{background:var(--surface-muted);color:var(--brand)}.comment-bubble,.comment-form input{background:var(--surface-muted);border-color:transparent}.right-rail{top:calc(var(--nav-height) + 18px)}.right-rail .panel,.nearby-panel,.favorite-programs{padding:14px}.section-title{margin-bottom:12px}.section-title h2{font-size:16px;line-height:1.15}.eyebrow{color:var(--accent)}.page{display:grid;gap:14px}.page-header{padding:4px 2px}.page-header h1{font-size:clamp(26px,4vw,34px);line-height:1.05}.card-grid,.organization-grid,.metric-grid,.admin-grid,.event-discovery,.messaging-layout,.prayer-app-layout{gap:14px}.nearby-card,.organization-card,.person-card,.role-card,.event-card,.business-card,.library-card{transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.nearby-card:hover,.organization-card:hover,.person-card:hover,.role-card:hover,.event-card:hover,.business-card:hover,.library-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--brand) 26%,var(--line));box-shadow:var(--shadow)}.nearby-card{grid-template-columns:92px minmax(0,1fr);padding:12px}.nearby-image{width:92px;height:92px}.nearby-card h3,.organization-card h3,.person-card h3,.role-card h3,.event-card h3{font-size:17px;line-height:1.2}.filter-panel,.event-filters,.opportunity-filters{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.filter-panel input,.filter-panel select,.event-filters input,.event-filters select,.auth-form input,.auth-form textarea,.form-grid input,.modal-form input,.modal-form textarea,textarea,select{border-color:var(--line);background:var(--surface);color:var(--ink);border-radius:var(--radius)}.filter-panel input:focus,.filter-panel select:focus,.event-filters input:focus,.event-filters select:focus,.auth-form input:focus,.auth-form textarea:focus,.form-grid input:focus,.modal-form input:focus,.modal-form textarea:focus,textarea:focus,select:focus{border-color:color-mix(in srgb,var(--brand) 44%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 14%,transparent)}.masjid-profile{padding:0;overflow:hidden}.masjid-hero{min-height:190px;align-items:end;padding:18px}.masjid-profile-summary,.profile-actions{padding-left:16px;padding-right:16px}.masjid-stat-strip,.profile-info-grid{gap:8px}.masjid-stat-strip div,.profile-info-grid div,.metric-card,.operator-snapshot article,.analytics-strip button,.event-attendance-grid div,.attention-list button,.inbox-preview-list button{background:var(--surface-muted);border-color:var(--line);box-shadow:none}.message-thread{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.message-list{background:radial-gradient(circle at top left,color-mix(in srgb,var(--brand) 8%,transparent),transparent 260px),var(--surface-muted)}.chat-bubble{box-shadow:var(--shadow-soft)}.message-composer{background:var(--surface)}.dm-search,.dm-inbox-summary{background:var(--surface-muted);border-color:transparent}.inbox-list button{background:transparent;border-color:transparent}.inbox-list button:hover{background:var(--surface-muted)}.masjid-hub,.ops-overview,.profile-detail,.profile-social,.settings-grid>.panel,.prayer-panel,.hours-summary{box-shadow:var(--shadow-soft)}.dashboard-menu-grid button,.operator-management-grid button{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow-soft)}.dashboard-menu-grid button:hover,.dashboard-menu-grid button.active,.operator-management-grid button:hover{background:color-mix(in srgb,var(--brand) 8%,var(--surface));border-color:color-mix(in srgb,var(--brand) 30%,var(--line))}.notification-row.unread{border-color:color-mix(in srgb,var(--brand) 34%,var(--line));background:color-mix(in srgb,var(--brand) 8%,var(--surface))}.auth-screen{width:min(460px,100%);padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.brand-mark{background:linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--accent) 45%,var(--brand)))}@media(max-width:1100px){.app{grid-template-columns:78px minmax(0,1fr)}.left-rail .profile-card{display:none}.left-rail .side-nav button{justify-content:center;padding:0}.left-rail .side-nav span{display:none}.content-grid{grid-template-columns:minmax(0,1fr) 300px}}@media(max-width:880px){:root{--nav-height: 104px}body{background:var(--page-bg)}.app{display:block;width:100%;padding:calc(var(--nav-height) + 8px) 0 calc(var(--mobile-nav-height) + 12px)}.top-nav{height:auto;min-height:var(--nav-height);grid-template-columns:42px minmax(0,1fr) auto;grid-template-rows:50px 44px;align-content:center;gap:6px 8px;padding:max(6px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 8px max(10px,env(safe-area-inset-left))}.mobile-menu{display:inline-flex}.brand{justify-self:start}.brand strong{display:inline;max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-wrap{display:block;grid-column:1 / -1;grid-row:2;width:100%}.global-search{height:40px}.top-actions{grid-column:3}.top-actions .post-button{width:38px;min-width:38px;height:38px;padding:0}.top-actions .post-button span,.rail{display:none}.main-panel{display:block}.page,.content-grid,.feed-column,.right-rail,.card-grid,.organization-grid,.metric-grid,.admin-grid,.event-discovery,.messaging-layout,.prayer-app-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.page-header,.composer,.panel,.event-card,.organization-card,.person-card,.role-card,.library-card,.business-card,.metric-card,.nearby-card,.feed-post{border-left:0;border-right:0;border-radius:0;box-shadow:none}.page-header{padding:14px 14px 4px;background:var(--surface);border-bottom:1px solid var(--line)}.page-header h1{font-size:24px}.composer,.panel,.feed-post{padding-left:14px;padding-right:14px}.feed-post{padding-left:0;padding-right:0}.feed-post>*:not(.post-image){margin-left:14px;margin-right:14px}.post-social-row,.post-actions,.post-comments{padding-left:14px;padding-right:14px}.post-image{max-height:56dvh;object-fit:cover}.right-rail{position:static}.nearby-card{grid-template-columns:82px minmax(0,1fr)}.nearby-image{width:82px;height:86px}.profile-actions,.card-footer,.nearby-actions,.manager-row,.post-social-row{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-actions>*,.card-footer>*,.nearby-actions>*,.manager-row>*,.post-social-row button{min-height:40px}.mobile-bottom-nav{display:grid;height:var(--mobile-nav-height);border-radius:0;padding:6px 8px max(6px,env(safe-area-inset-bottom));background:var(--surface-raised);border-top:1px solid var(--line);box-shadow:0 -8px 20px #131f2d14}.mobile-bottom-nav button{border-radius:999px;color:var(--ink-soft)}.mobile-bottom-nav button.active{background:var(--brand);color:#fff}.mobile-drawer{background:var(--surface)}.drawer-scrim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.message-thread{border-left:0;border-right:0;border-radius:0}.masjid-hero{min-height:164px}.auth-screen{min-height:auto;margin:0 auto;border-radius:var(--radius)}}@media(max-width:520px){.brand strong{display:none}.top-actions{gap:4px}.top-actions .icon-button,.dm-top-button,.top-actions .post-button{width:36px;min-width:36px;height:36px;min-height:36px}.composer-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.composer-actions button{font-size:12px}.profile-actions,.card-footer,.nearby-actions,.manager-row,.post-social-row,.operator-quick-actions{grid-template-columns:minmax(0,1fr)}.masjid-stat-strip,.operator-snapshot,.prayer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-bottom-nav button span{font-size:10px}}:root[data-theme=dark]{--page-bg: #07100f;--panel-bg: #101a18;--panel-soft: #17231f;--text: #f8f5ee;--muted: #b9c6bf;--border: #273832;--brand: #2fc2ad;--brand-strong: #8be8d9;--surface: #101a18;--surface-raised: rgba(16, 26, 24, .92);--surface-muted: #17231f;--ink: #f8f5ee;--ink-soft: #b9c6bf;--line: #273832;--accent: #d6a64b;--gold: #d6a64b;--shadow: 0 18px 48px rgba(0, 0, 0, .38);--shadow-soft: 0 1px 0 rgba(255, 255, 255, .035), 0 14px 32px rgba(0, 0, 0, .22)}:root[data-theme=dark] body{background:radial-gradient(circle at 18% -10%,rgba(47,194,173,.13),transparent 32rem),radial-gradient(circle at 88% 2%,rgba(214,166,75,.09),transparent 30rem),linear-gradient(180deg,#091513 0,#07100f 38rem);color:var(--ink)}:root[data-theme=dark] .top-nav,:root[data-theme=dark] .mobile-bottom-nav,:root[data-theme=dark] .mobile-drawer{background:#0d1016e0;border-color:#ffffff14;box-shadow:0 10px 34px #00000057}:root[data-theme=dark] .profile-card,:root[data-theme=dark] .panel,:root[data-theme=dark] .composer,:root[data-theme=dark] .feed-post,:root[data-theme=dark] .event-card,:root[data-theme=dark] .organization-card,:root[data-theme=dark] .person-card,:root[data-theme=dark] .role-card,:root[data-theme=dark] .library-card,:root[data-theme=dark] .business-card,:root[data-theme=dark] .metric-card,:root[data-theme=dark] .nearby-card,:root[data-theme=dark] .compact-card,:root[data-theme=dark] .mini-row,:root[data-theme=dark] .application-card,:root[data-theme=dark] .message-thread,:root[data-theme=dark] .auth-screen,:root[data-theme=dark] .filter-panel,:root[data-theme=dark] .event-filters,:root[data-theme=dark] .opportunity-filters,:root[data-theme=dark] .masjid-hub,:root[data-theme=dark] .profile-detail,:root[data-theme=dark] .profile-social{background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 120px),var(--surface);border-color:#ffffff16;box-shadow:var(--shadow-soft)}:root[data-theme=dark] .feed-post,:root[data-theme=dark] .message-thread,:root[data-theme=dark] .masjid-profile{background:#10131a}:root[data-theme=dark] .right-rail .panel,:root[data-theme=dark] .profile-card,:root[data-theme=dark] .metric-card{background:#10131a}:root[data-theme=dark] .brand span,:root[data-theme=dark] .brand-mark,:root[data-theme=dark] .profile-avatar,:root[data-theme=dark] .org-logo,:root[data-theme=dark] .tiny-avatar,:root[data-theme=dark] .role-icon{background:linear-gradient(135deg,#2d8cff,#7c3aed 52%,#f43f5e);color:#fff}:root[data-theme=dark] .primary-button,:root[data-theme=dark] .post-button,:root[data-theme=dark] .comment-form button,:root[data-theme=dark] .mobile-bottom-nav button.active{background:#2d8cff;border-color:#2d8cff;color:#fff;box-shadow:0 10px 22px #2d8cff3d}:root[data-theme=dark] .primary-button:hover,:root[data-theme=dark] .post-button:hover,:root[data-theme=dark] .comment-form button:hover{background:#1478e8;border-color:#1478e8}:root[data-theme=dark] .secondary-button,:root[data-theme=dark] .icon-button,:root[data-theme=dark] .dm-top-button,:root[data-theme=dark] .composer-actions button,:root[data-theme=dark] .post-actions button,:root[data-theme=dark] .post-social-row button,:root[data-theme=dark] .manager-row button,:root[data-theme=dark] .compact-card button,:root[data-theme=dark] .mobile-logout,:root[data-theme=dark] .load-more{background:#ffffff0b;border-color:#ffffff17;color:#dce7f5}:root[data-theme=dark] .secondary-button:hover,:root[data-theme=dark] .icon-button:hover,:root[data-theme=dark] .dm-top-button:hover,:root[data-theme=dark] .composer-actions button:hover,:root[data-theme=dark] .post-actions button:hover,:root[data-theme=dark] .post-social-row button:hover,:root[data-theme=dark] .manager-row button:hover,:root[data-theme=dark] .compact-card button:hover{background:#2d8cff24;border-color:#2d8cff6b;color:#fff}:root[data-theme=dark] .global-search,:root[data-theme=dark] input,:root[data-theme=dark] textarea,:root[data-theme=dark] select,:root[data-theme=dark] .dm-search,:root[data-theme=dark] .comment-form input,:root[data-theme=dark] .composer-main button,:root[data-theme=dark] .message-composer textarea{background:#0b0d12;border-color:#ffffff17;color:#f7f8fb}:root[data-theme=dark] .global-search:focus-within,:root[data-theme=dark] input:focus,:root[data-theme=dark] textarea:focus,:root[data-theme=dark] select:focus{border-color:#2d8cffb8;box-shadow:0 0 0 3px #2d8cff2e}:root[data-theme=dark] input::placeholder,:root[data-theme=dark] textarea::placeholder{color:var(--muted)}:root[data-theme=dark] .side-nav button{color:var(--muted)}:root[data-theme=dark] .side-nav button.active,:root[data-theme=dark] .side-nav button:hover{background:#2d8cff21;color:#fff}:root[data-theme=dark] .tag-row span,:root[data-theme=dark] .status-pill,:root[data-theme=dark] .profile-meta span,:root[data-theme=dark] .role-meta span,:root[data-theme=dark] .org-detail-row span,:root[data-theme=dark] .check-row span,:root[data-theme=dark] .check-row strong{background:#2d8cff1b;border-color:#2d8cff42;color:#b9dcff}:root[data-theme=dark] .eyebrow,:root[data-theme=dark] a,:root[data-theme=dark] .text-action,:root[data-theme=dark] .section-title button,:root[data-theme=dark] .nearby-distance{color:#76b8ff}:root[data-theme=dark] .notification-button em,:root[data-theme=dark] .dm-top-button span,:root[data-theme=dark] .urgent-badge,:root[data-theme=dark] .inbox-preview-list em{background:#f43f5e;color:#fff}:root[data-theme=dark] .post-image,:root[data-theme=dark] .nearby-image,:root[data-theme=dark] .profile-cover,:root[data-theme=dark] .person-banner,:root[data-theme=dark] .profile-banner,:root[data-theme=dark] .masjid-hero{background-color:#090b10;border-color:#ffffff14}:root[data-theme=dark] .message-list{background:radial-gradient(circle at 18% 0%,rgba(45,140,255,.14),transparent 260px),radial-gradient(circle at 94% 8%,rgba(244,63,94,.08),transparent 240px),#0b0d12}:root[data-theme=dark] .chat-bubble.sent{background:#2d8cff;color:#fff}:root[data-theme=dark] .chat-bubble.received,:root[data-theme=dark] .comment-bubble,:root[data-theme=dark] .dm-inbox-summary,:root[data-theme=dark] .masjid-stat-strip div,:root[data-theme=dark] .profile-info-grid div,:root[data-theme=dark] .operator-snapshot article,:root[data-theme=dark] .analytics-strip button,:root[data-theme=dark] .event-attendance-grid div,:root[data-theme=dark] .attention-list button,:root[data-theme=dark] .inbox-preview-list button,:root[data-theme=dark] .dashboard-menu-grid button,:root[data-theme=dark] .operator-management-grid button{background:#171b23;border-color:#ffffff14}:root[data-theme=dark] .nearby-card:hover,:root[data-theme=dark] .organization-card:hover,:root[data-theme=dark] .person-card:hover,:root[data-theme=dark] .role-card:hover,:root[data-theme=dark] .event-card:hover,:root[data-theme=dark] .business-card:hover,:root[data-theme=dark] .library-card:hover,:root[data-theme=dark] .dashboard-menu-grid button:hover,:root[data-theme=dark] .dashboard-menu-grid button.active,:root[data-theme=dark] .operator-management-grid button:hover{border-color:#2d8cff61;box-shadow:0 16px 36px #00000057,0 0 0 1px #2d8cff14}:root[data-theme=dark] .prayer-panel{background:linear-gradient(135deg,#2d8cff33,#7c3aed24),#10131a;border-color:#2d8cff38}:root[data-theme=dark] .prayer-grid div{background:#ffffff0e;border-color:#ffffff13}:root[data-theme=dark] .auth-screen{background:linear-gradient(180deg,rgba(255,255,255,.045),transparent 42%),#11141a}@media(max-width:880px){:root[data-theme=dark] .page-header,:root[data-theme=dark] .top-nav,:root[data-theme=dark] .mobile-bottom-nav{background:#0c0f15f0}:root[data-theme=dark] .feed-post,:root[data-theme=dark] .panel,:root[data-theme=dark] .composer,:root[data-theme=dark] .event-card,:root[data-theme=dark] .organization-card,:root[data-theme=dark] .person-card,:root[data-theme=dark] .role-card,:root[data-theme=dark] .library-card,:root[data-theme=dark] .business-card,:root[data-theme=dark] .metric-card,:root[data-theme=dark] .nearby-card{border-color:#ffffff13}}.readiness-panel{padding:16px;border:1px solid color-mix(in srgb,var(--brand) 18%,var(--border));border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 10%,transparent),transparent 55%),var(--surface)}.readiness-list{display:grid;gap:8px;margin-top:10px}.readiness-list button{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;border:1px solid var(--border);border-radius:14px;background:var(--panel-bg);color:var(--text);padding:10px;text-align:left}.readiness-list button span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;background:color-mix(in srgb,var(--muted) 15%,transparent);font-weight:900}.readiness-list button.done{border-color:color-mix(in srgb,var(--brand) 34%,var(--border))}.readiness-list button.done span{background:color-mix(in srgb,var(--brand) 18%,transparent);color:var(--brand)}.readiness-list button small{color:var(--muted);font-weight:800}.dm-filter-row button em{margin-left:.35rem;min-width:1.35rem;height:1.35rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:.72rem;background:var(--surface-muted, rgba(255,255,255,.08));color:inherit;font-style:normal}.dm-request-actions{display:inline-flex;align-items:center;gap:.45rem;margin-left:auto}.dm-selected-members{display:flex;flex-wrap:wrap;gap:.45rem;padding:.55rem 0}.dm-selected-members span{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .55rem;border-radius:999px;background:var(--surface-muted, rgba(255,255,255,.08));font-size:.86rem}.dm-selected-members button{border:0;background:transparent;color:inherit;cursor:pointer;font-size:1rem;line-height:1}.profile-actions .secondary-button[disabled]{opacity:.7;cursor:default}.profile-stat-row button{cursor:pointer}@media(max-width:760px){.dm-request-actions{width:100%;justify-content:stretch;margin-left:0}.dm-request-actions button{flex:1}}.dm-new-chat-error{margin:0 2px}@media(max-width:880px){.thread-route{display:block}.thread-route .inbox-list{display:none}.thread-route .message-thread{position:fixed;inset:0;z-index:80;width:100%;height:100dvh;min-height:100dvh;margin:0;padding:0;border:0;border-radius:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:0;overflow:hidden;background:var(--surface)}.dm-conversation-header{min-height:calc(62px + env(safe-area-inset-top));padding:calc(8px + env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 8px max(10px,env(safe-area-inset-left));border-bottom:1px solid var(--line)}.message-list{min-height:0;max-height:none;padding:14px max(10px,env(safe-area-inset-right)) 18px max(10px,env(safe-area-inset-left));gap:7px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-padding-bottom:20px}.message-composer{position:relative;bottom:auto;left:auto;right:auto;grid-template-columns:42px minmax(0,1fr) 42px;align-items:end;gap:8px;padding:9px max(10px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface) 96%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.message-composer textarea{width:100%;min-width:0;min-height:42px;max-height:120px;padding:10px 14px;border-radius:22px;resize:none;overflow-y:auto;font-size:16px;line-height:1.25}.message-composer .dm-add-button,.message-composer .primary-button{width:42px;min-width:42px;height:42px;min-height:42px;padding:0;display:grid;place-items:center;border-radius:50%}.message-error{position:fixed;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:calc(70px + env(safe-area-inset-bottom));z-index:82}.dm-new-chat-error{position:static;margin:0 2px 2px}}.mobile-bottom-nav.detail-hidden{display:none!important}@media(max-width:880px){.thread-route .message-thread{z-index:140}.thread-route .message-composer{padding-bottom:calc(10px + env(safe-area-inset-bottom))}.thread-route .message-actions{display:flex;gap:6px;margin-top:7px;justify-content:flex-end}.thread-route .chat-bubble.received .message-actions{justify-content:flex-start}.thread-route .message-actions button{min-height:28px;padding:0 9px;border-radius:999px;font-size:12px;line-height:1}.dm-swipe-row,.inbox-list .dm-thread-row{touch-action:pan-y}}@media(max-width:880px){.app{background:var(--page-bg)}.top-nav{gap:8px;border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent);box-shadow:0 8px 24px #080d1414}.brand strong,.post-button span,.profile-chip{display:none}.brand{width:42px;min-width:42px;height:42px;padding:0;justify-content:center}.brand-logo{width:32px;height:32px}.top-actions{gap:4px}.top-actions .icon-button,.dm-top-button,.mobile-menu{width:40px;min-width:40px;height:40px;border-radius:50%}.search-wrap{min-width:0}.global-search{min-height:40px;border-radius:999px;background:color-mix(in srgb,var(--surface) 94%,transparent)}.global-search input{font-size:16px}.main-panel{scroll-padding-bottom:calc(var(--mobile-nav-height) + 18px)}.content-grid,.prayer-app-layout,.messaging-layout,.card-grid,.card-grid.two,.card-grid.three{gap:10px}.panel,.composer,.feed-post,.nearby-card,.person-card,.organization-card,.event-card,.library-card,.business-card{border-radius:8px}.feed-column>.panel,.feed-post{border-left:0;border-right:0}.feed-post{padding:12px 10px}.post-social-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.post-social-row button{min-width:0;min-height:42px;padding:0;border-radius:999px}.post-social-row button svg{margin:0}.post-social-row button{font-size:0}.nearby-card,.person-card,.dm-thread-row{min-height:76px}.mobile-bottom-nav{border-radius:0;border-left:0;border-right:0;box-shadow:0 -10px 30px #080d141f}.mobile-bottom-nav button{border-radius:8px;min-width:0}.mobile-bottom-nav button svg{width:21px;height:21px}.mobile-bottom-nav button span{font-size:10.5px;font-weight:800}}@media(max-width:420px){.top-actions .notification-button+.icon-button{display:none}.post-social-row{grid-template-columns:repeat(4,minmax(0,1fr))}.post-social-row button:nth-child(n+5){display:none}}@media(max-width:880px){:root{--mobile-top-height: auto}.app,.app.detail-mode{padding-top:0!important}.top-nav{position:relative;inset:auto;z-index:20;min-height:calc(58px + env(safe-area-inset-top));height:auto;grid-template-columns:40px minmax(0,1fr) auto;grid-template-rows:auto;align-content:center;padding:calc(8px + env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 8px max(10px,env(safe-area-inset-left));gap:8px}.top-nav .search-wrap{grid-column:auto;grid-row:auto}.global-search{height:40px;min-height:40px}.main-panel,.page{padding-top:0}.page-header{margin-top:0}.content-grid,.page,.feed-column,.right-rail{padding-top:0}.mobile-drawer{padding-top:calc(14px + env(safe-area-inset-top))}}@media(max-width:430px){.top-nav{grid-template-columns:40px minmax(0,1fr) auto}.global-search input::placeholder{color:transparent}}.map-preview-card{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.map-frame{width:100%;aspect-ratio:16 / 10;min-height:190px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.map-frame iframe{width:100%;height:100%;border:0;display:block}.map-empty-state{display:grid;place-items:center;gap:8px;min-height:170px;padding:18px;border:1px dashed var(--line);border-radius:8px;text-align:center;color:var(--muted);background:color-mix(in srgb,var(--surface) 80%,transparent)}.map-empty-state strong{color:var(--ink)}@media(max-width:880px){.back-header{position:sticky;top:0;z-index:18;min-height:52px;margin:0;border-radius:0;border-left:0;border-right:0;background:color-mix(in srgb,var(--surface) 96%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.detail-route,.detail-mode .main-panel,.profile-detail,.masjid-profile,.event-detail-panel{min-width:0;max-width:100%;overflow-x:clip}.event-detail-modal{width:min(100%,560px);max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;border-radius:8px 8px 0 0}.modal-close-button{position:sticky;top:8px;z-index:3;margin-left:auto}.map-preview-card{border-left:0;border-right:0;border-radius:0;padding:14px}.event-detail-panel .map-preview-card{margin:0 -14px -14px}.map-frame{aspect-ratio:4 / 3;min-height:220px}.profile-actions,.hub-actions,.nearby-actions,.manager-row{align-items:stretch}.profile-actions button,.profile-actions a,.hub-actions button,.nearby-actions button,.manager-row button{width:100%;justify-content:center}}.ai-assist-card,.translation-card,.ai-discovery-panel{border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface) 92%,var(--soft))}.ai-assist-card{display:grid;gap:12px;padding:14px;margin:12px 0}.ai-assist-head{display:flex;gap:10px;align-items:center}.ai-assist-head svg{color:var(--accent)}.ai-assist-head div{display:grid;gap:2px}.ai-assist-head span,.ai-recommendation-row span{color:var(--muted);font-size:.84rem}.ai-assist-card textarea{min-height:88px}.ai-action-row,.ai-newsletter-row,.ai-translate-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ai-action-row button,.ai-newsletter-row button,.ai-file-button,.ai-translate-bar button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font-weight:700}.ai-action-row button:first-child,.ai-newsletter-row button:first-child{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.ai-file-button{position:relative;overflow:hidden;cursor:pointer}.ai-file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.ai-draft-preview{display:grid;gap:8px}.ai-draft-preview textarea{min-height:180px}.ai-translate-bar{margin:8px 0}.ai-translate-bar span{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-weight:700;font-size:.85rem}.ai-translate-bar button{min-height:32px;padding:6px 10px;font-size:.82rem}.translation-card{display:grid;gap:4px;padding:10px 12px;margin:8px 0}.translation-card.error{border-color:color-mix(in srgb,var(--danger) 55%,var(--line))}.translation-card p{margin:0}.ai-recommendation-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);text-align:left}.ai-recommendation-row div{min-width:0;display:grid;gap:3px}.ai-recommendation-row p{margin:0;color:var(--muted);font-size:.82rem}.ai-skeleton{display:grid;gap:10px}.ai-skeleton span{height:54px;border-radius:8px;background:linear-gradient(90deg,var(--soft),color-mix(in srgb,var(--surface) 82%,white),var(--soft));background-size:200% 100%;animation:shimmer 1.2s ease-in-out infinite}@keyframes shimmer{to{background-position-x:-200%}}@media(max-width:880px){.ai-assist-card{margin-inline:-2px}.ai-action-row,.ai-newsletter-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.ai-action-row button,.ai-newsletter-row button,.ai-file-button{width:100%;border-radius:8px}.ai-translate-bar{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}}.auth-register-grid{display:grid;gap:10px}.auth-field-shell{min-width:0;min-height:52px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:0 14px;border:1px solid var(--line, #d8e2df);border-radius:8px;background:color-mix(in srgb,var(--surface, #fff) 92%,var(--panel-soft, #f8fbfa));color:var(--muted)}.auth-date-shell>span{min-width:0;display:grid;gap:2px}.auth-date-shell small{color:var(--muted);font-size:.72rem;font-weight:900;line-height:1}.auth-form .auth-field-shell input,.auth-form .auth-field-shell textarea{width:100%;min-height:50px;padding:0;border:0;border-radius:0;background:transparent;color:var(--ink, var(--text));box-shadow:none}.auth-password-shell{position:relative;display:flex;align-items:center}.auth-password-shell input{width:100%;padding-right:48px}.auth-password-shell button{position:absolute;right:8px;width:36px;height:36px;display:inline-grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--muted)}.auth-password-shell button:hover,.auth-password-shell button:focus-visible{background:#0f766e1a;color:var(--accent)}.auth-form .auth-date-shell input[type=date]{min-height:28px;color:var(--ink, var(--text));color-scheme:light;line-height:1.2}.auth-form .auth-date-shell input[type=date]::-webkit-calendar-picker-indicator{opacity:.75;filter:none}.auth-form .auth-code-input{text-align:center;font-size:1.28rem;font-weight:900;letter-spacing:.18em}.auth-form .auth-field-shell input:focus,.auth-form .auth-field-shell textarea:focus{box-shadow:none;outline:0}.auth-field-shell:focus-within{border-color:color-mix(in srgb,var(--brand) 48%,var(--line, #d8e2df));box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 14%,transparent)}.auth-bio-shell{align-items:start;padding-top:12px;padding-bottom:12px}.auth-form .auth-bio-shell textarea{min-height:72px;resize:vertical;line-height:1.45}.auth-interest-picker{display:grid;gap:12px;padding:14px;border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 10%,transparent),transparent 56%),var(--surface, #fff)}.auth-interest-picker .interest-picker-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.auth-interest-picker .interest-picker-head span{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:30px;padding:0 10px;border-radius:999px;background:color-mix(in srgb,var(--brand) 12%,var(--surface, #fff));color:var(--brand);font-size:.8rem;font-weight:900}.auth-interest-picker .interest-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.auth-interest-picker .check-toggle{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border-radius:999px;border-color:var(--line, #d8e2df);background:var(--surface, #fff);color:var(--ink, var(--text));font-size:.88rem;font-weight:850;line-height:1}.auth-interest-picker .check-toggle input{position:absolute;opacity:0;pointer-events:none}.auth-interest-picker .check-toggle svg{display:none;flex:0 0 auto}.auth-interest-picker .check-toggle.active{border-color:color-mix(in srgb,var(--brand) 50%,var(--line, #d8e2df));background:var(--brand);color:#fff}.auth-interest-picker .check-toggle.active svg{display:block}@media(min-width:620px){.auth-register-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-register-grid .auth-field-shell:first-child{grid-column:1 / -1}}@media(max-width:880px){.app.auth-only{width:100%;min-height:100svh;place-content:start center;padding:max(14px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom))}.auth-screen{width:100%;max-width:520px;padding:18px;border-radius:8px}.auth-screen .brand-mark{width:48px;height:48px;border-radius:8px}.auth-screen h1{margin:12px 0 6px;font-size:2rem;line-height:1.05}.auth-screen .muted{margin:0;font-size:.94rem;line-height:1.4}.auth-form{gap:10px;margin-top:14px}.auth-form>input,.auth-form>textarea,.auth-form>select{min-height:50px;padding:12px 13px}.auth-interest-picker{padding:12px}.auth-interest-picker .interest-picker-head p{font-size:.86rem}.auth-interest-picker .interest-options{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-interest-picker .check-toggle{width:100%;min-height:38px;padding:7px 9px;font-size:.82rem}}@media(max-width:380px){.auth-screen{padding:16px}.auth-interest-picker .interest-options{grid-template-columns:1fr}}:root[data-theme=dark] .auth-field-shell,:root[data-theme=dark] .auth-interest-picker,:root[data-theme=dark] .auth-interest-picker .check-toggle{background:color-mix(in srgb,var(--surface) 90%,#000);border-color:var(--line)}:root[data-theme=dark] .auth-form .auth-field-shell input,:root[data-theme=dark] .auth-form .auth-field-shell textarea{background:transparent;color:var(--ink)}:root[data-theme=dark] .auth-form .auth-date-shell input[type=date]{color:#f3fbf8;color-scheme:dark}:root[data-theme=dark] .auth-form .auth-date-shell input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)}.mobile-settings-link{margin-top:10px;margin-bottom:0}.auth-explore-button{width:100%;margin-top:12px}.social-auth-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.social-auth-row button,.apple-pay-donate,.admin-push-composer button{min-height:44px}.admin-push-composer .compact-admin-form{margin-top:0}.prayer-date-card{display:flex;align-items:center;justify-content:space-between;gap:12px}.prayer-date-card h2,.prayer-date-card p{margin:0}.prayer-date-card span{display:block;margin-top:4px;color:var(--muted);font-weight:750}.ios-install-prompt{position:fixed;z-index:90;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));width:min(520px,calc(100% - 32px));margin:0 auto;display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;padding:14px 48px 14px 14px;border:1px solid var(--line, var(--border));border-radius:8px;background:var(--surface-raised, var(--panel-bg));color:var(--ink, var(--text));box-shadow:var(--shadow)}.ios-install-close{position:absolute;top:8px;right:8px}.ios-install-icon{width:54px;height:54px;overflow:hidden;border-radius:8px;background:var(--brand)}.ios-install-icon img{width:100%;height:100%;object-fit:cover}.ios-install-prompt strong,.ios-install-prompt p{margin:0}.ios-install-prompt p{margin-top:3px;color:var(--muted);font-size:13px;line-height:1.35}.ios-install-prompt ol{display:grid;gap:5px;margin:10px 0 0;padding:0;list-style:none}.ios-install-prompt li{min-height:28px;display:flex;align-items:center;gap:7px;color:var(--ink, var(--text));font-size:12px;font-weight:850}.discovery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.discovery-toolbar>div:first-child{min-width:0;display:grid;gap:3px}.discovery-toolbar strong,.discovery-toolbar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discovery-toolbar span{color:var(--muted);font-size:13px;font-weight:750}.masjid-map-view{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.54fr);gap:14px}.masjid-map-stage{min-width:0}.map-search-bar{grid-column:1 / -1;display:flex;align-items:center;gap:9px;padding:12px 14px;border:1px solid var(--line, var(--border));border-radius:8px;background:var(--surface-raised, #fffaf2);color:var(--ink, #153f36);box-shadow:var(--shadow-soft, 0 12px 34px rgba(20, 56, 50, .08))}.map-search-bar input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:inherit;font:inherit}.map-result-list{min-height:0;max-height:min(620px,calc(100dvh - 210px));overflow:auto;display:grid;align-content:start;gap:8px}.map-result-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:8px}.map-result-item>button:first-child{min-width:0;min-height:72px;display:grid;gap:3px;padding:12px;border:1px solid var(--line, var(--border));border-radius:8px;background:var(--surface, var(--panel-bg));color:var(--ink, var(--text));text-align:left}.map-result-item.active>button:first-child{border-color:var(--brand);box-shadow:inset 3px 0 0 var(--brand)}.map-result-item .compact-button{min-height:72px;align-self:stretch}.map-result-list span,.map-result-list small{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.map-result-list span{color:var(--brand);font-size:11px;font-weight:900;text-transform:uppercase}.map-result-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-loading-screen{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 18%,color-mix(in srgb,var(--brand) 12%,transparent),transparent 310px),var(--app-bg, var(--background, #f6faf8));color:var(--ink, var(--text))}.app-loading-card{width:min(360px,100%);display:grid;justify-items:center;gap:14px;text-align:center}.app-loading-logo{width:82px;height:82px;display:grid;place-items:center;overflow:hidden;border-radius:8px;background:var(--brand);box-shadow:0 20px 54px color-mix(in srgb,var(--brand) 28%,transparent)}.app-loading-logo img{width:100%;height:100%;object-fit:cover}.app-loading-card strong{display:block;font-size:24px;font-weight:900}.app-loading-card p{margin:4px 0 0;color:var(--muted);font-weight:750}.app-loading-bar{width:min(220px,74vw);height:5px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--brand) 14%,var(--surface, #fff))}.app-loading-bar i{display:block;width:46%;height:100%;border-radius:inherit;background:var(--brand);animation:app-loading-slide 1.15s ease-in-out infinite}@keyframes app-loading-slide{0%{transform:translate(-110%)}to{transform:translate(235%)}}.toast-stack{position:fixed;z-index:150;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));width:min(360px,calc(100vw - 36px));display:grid;gap:8px}.app-toast{width:100%;display:grid;gap:3px;padding:12px 14px;border:1px solid var(--line, var(--border));border-left:4px solid var(--brand);border-radius:8px;background:var(--surface-raised, var(--panel-bg));color:var(--ink, var(--text));text-align:left;box-shadow:var(--shadow)}.app-toast strong{font-size:13px}.app-toast span{color:var(--muted);font-size:13px;line-height:1.35}.app-toast.success{border-left-color:#16a34a}.app-toast.error{border-left-color:#dc2626}.admin-action-backdrop{z-index:145}.admin-action-modal{width:min(560px,100%);max-height:calc(100dvh - 44px);overflow:auto;display:grid;gap:16px;padding:18px;border:1px solid var(--line, var(--border));border-radius:8px;background:var(--surface-raised, var(--panel-bg));color:var(--ink, var(--text));box-shadow:var(--shadow)}.admin-action-modal .sheet-header{padding:0;border-bottom:0}.admin-action-modal h2,.admin-action-message{margin:0}.admin-action-message{color:var(--muted);line-height:1.45;white-space:pre-wrap}.admin-action-fields{display:grid;gap:12px}.admin-action-fields label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:850}.admin-action-fields input,.admin-action-fields textarea{width:100%;border:1px solid var(--line, var(--border));border-radius:8px;background:var(--surface, var(--panel-bg));color:var(--ink, var(--text))}.admin-action-footer{display:flex;justify-content:flex-end;gap:10px}@media(max-width:880px){.social-auth-row{grid-template-columns:minmax(0,1fr)}.ios-install-prompt{bottom:calc(76px + env(safe-area-inset-bottom));width:auto}.prayer-date-card,.discovery-toolbar{align-items:stretch;flex-direction:column}.discovery-toolbar strong,.discovery-toolbar span{white-space:normal}.masjid-map-view{grid-template-columns:minmax(0,1fr)}.map-result-list{max-height:none}.map-result-item{grid-template-columns:minmax(0,1fr)}.map-result-item .compact-button{min-height:42px}.toast-stack{bottom:calc(82px + env(safe-area-inset-bottom));left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));width:auto}.admin-action-footer{align-items:stretch;flex-direction:column}}:root{--radius-control: 10px;--radius-soft: 8px;--shadow-soft: 0 12px 34px rgba(20, 56, 50, .08);--shadow-lift: 0 18px 44px rgba(20, 56, 50, .13);--motion-fast: .15s cubic-bezier(.2, .8, .2, 1);--motion-page: .26s cubic-bezier(.2, .8, .2, 1)}@keyframes page-enter-soft{0%{opacity:0;transform:translate3d(0,10px,0) scale(.995)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes page-slide-next{0%{opacity:.72;transform:translate3d(22px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes page-slide-prev{0%{opacity:.72;transform:translate3d(-22px,0,0)}to{opacity:1;transform:translateZ(0)}}.main-panel{animation:page-enter-soft var(--motion-page)}.main-panel.page-motion.slide-next{animation:page-slide-next var(--motion-page);will-change:transform,opacity}.main-panel.page-motion.slide-prev{animation:page-slide-prev var(--motion-page);will-change:transform,opacity}.main-panel.page-dragging{opacity:var(--drag-opacity, 1);transform:translate3d(var(--drag-x, 0),0,0);transition:none}.top-nav,.mobile-bottom-nav,.mobile-drawer,.panel,.profile-card,.composer,.feed-post,.event-card,.organization-card,.nearby-card,.person-card,.role-card,.library-card,.business-card,.compact-card,.mini-row,.application-card,.message-thread,.inbox-list .dm-thread-row,.dm-conversation-header,.message-composer,.auth-screen,.public-info-sections article,.metric-card{box-shadow:var(--shadow-soft)}.panel,.profile-card,.composer,.feed-post,.event-card,.organization-card,.nearby-card,.person-card,.role-card,.library-card,.business-card,.compact-card,.mini-row,.application-card,.message-thread,.auth-screen,.metric-card,.public-info-sections article{border-color:color-mix(in srgb,var(--line) 78%,transparent)}.top-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:color-mix(in srgb,var(--surface) 90%,transparent);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.brand-logo,.brand-mark,.landing-brand span,.org-logo,.profile-avatar,.tiny-avatar,.dm-avatar,.role-icon{position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff8c,0 8px 22px #0f766e29}.brand-logo:after,.brand-mark:after,.landing-brand span:after,.org-logo:after,.profile-avatar:after,.tiny-avatar:after,.dm-avatar:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.38),transparent 48%);pointer-events:none}button,a,.icon-button,.primary-button,.secondary-button,.post-button,.dm-top-button,.profile-chip,.dashboard-menu-grid button,.mobile-bottom-nav button,.side-nav button,.post-social-row button,.message-actions button,.gif-grid button,.dm-thread-row{transition:transform var(--motion-fast),box-shadow var(--motion-fast),border-color var(--motion-fast),background-color var(--motion-fast),color var(--motion-fast),opacity var(--motion-fast)}button:hover:not(:disabled),a:hover,.dm-thread-row:hover,.dashboard-menu-grid button:hover,.organization-card:hover,.event-card:hover,.person-card:hover,.nearby-card:hover,.business-card:hover,.library-card:hover{transform:translateY(-1px)}button:active:not(:disabled),.dm-thread-row:active{transform:translateY(0) scale(.985)}button:disabled{cursor:not-allowed;opacity:.58}.primary-button,.secondary-button,.post-button,.icon-button,.dm-top-button,.compact-button,.manager-row button,.profile-actions>*,.card-footer button{border-radius:var(--radius-control)}.primary-button,.post-button,.comment-form button,.message-composer .primary-button{background:linear-gradient(135deg,#0f766e,#138a74);box-shadow:0 10px 22px #0f766e2e}.primary-button:hover:not(:disabled),.post-button:hover:not(:disabled),.message-composer .primary-button:hover:not(:disabled){box-shadow:var(--shadow-lift)}.secondary-button,.icon-button,.dm-top-button,.composer-actions button,.post-actions button,.post-social-row button,.manager-row button,.compact-card button,.mobile-logout,.load-more{background:color-mix(in srgb,var(--surface) 94%,white);border-color:color-mix(in srgb,var(--line) 84%,var(--accent))}input,textarea,select,.global-search,.dm-search,.profile-form input,.profile-form select,.profile-form textarea,.application-form input,.application-form textarea,.post-form input,.post-form select,.post-form textarea,.auth-form input,.auth-form textarea,.auth-form select,.comment-form input,.message-composer textarea,.gif-picker label{border-radius:var(--radius-control);border-color:color-mix(in srgb,var(--line) 86%,var(--accent));background:color-mix(in srgb,var(--surface) 96%,white);transition:border-color var(--motion-fast),box-shadow var(--motion-fast),background-color var(--motion-fast)}input:focus,textarea:focus,select:focus,.global-search:focus-within,.dm-search:focus-within,.message-composer textarea:focus,.gif-picker label:focus-within,.auth-password-shell:focus-within{outline:none;border-color:color-mix(in srgb,var(--accent) 72%,var(--line));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 13%,transparent);background:#fff}.auth-screen{border-radius:8px}.auth-screen .brand-mark{border-radius:18px;background:linear-gradient(135deg,#0f766e,#d7f2e9)}.auth-form>input,.auth-password-shell,.auth-form>select,.auth-code-input,.social-auth-row button{min-height:52px}.auth-password-shell{border:1px solid color-mix(in srgb,var(--line) 86%,var(--accent));border-radius:var(--radius-control);background:color-mix(in srgb,var(--surface) 96%,white)}.auth-password-shell input{border:0;background:transparent;box-shadow:none}.mobile-bottom-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:color-mix(in srgb,var(--surface) 92%,transparent);border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent)}.mobile-bottom-nav button{border-radius:12px}.mobile-bottom-nav button.active{box-shadow:0 8px 20px #0f766e29}.side-nav button.active,.side-nav button:hover,.dashboard-menu-grid button.active,.dashboard-menu-grid button:hover,.dm-filter-row button.active,.dm-filter-row button:hover{box-shadow:0 8px 20px #0f766e1a}.message-list{scroll-behavior:smooth}.chat-line{animation:page-enter-soft .22s cubic-bezier(.2,.8,.2,1)}.chat-bubble{border-radius:16px;box-shadow:0 8px 22px #14383214}.chat-bubble.sent{border-bottom-right-radius:6px;background:linear-gradient(135deg,#0f766e,#14836f)}.chat-bubble.received{border-bottom-left-radius:6px}.message-composer{border-radius:18px;box-shadow:var(--shadow-soft)}.message-composer textarea{min-height:46px;border-radius:14px}.message-actions{opacity:1;transform:none;row-gap:7px}.chat-bubble:hover .message-actions,.chat-bubble:focus-within .message-actions{opacity:1;transform:translateY(0)}.message-actions button{min-height:30px;padding:0 10px}.message-actions .reaction-action{min-width:34px;padding:0 8px;font-size:15px}.reaction-row span{color:var(--brand-strong);background:#fffaf0f0;box-shadow:0 4px 12px #14383214}.chat-bubble.sent .reaction-row span{color:var(--brand-strong)}.gif-picker{box-shadow:var(--shadow-soft)}.gif-grid button:hover{box-shadow:var(--shadow-lift)}.event-results-bar,.event-state-panel{display:flex;align-items:center;gap:12px;width:100%;margin:0 0 14px;color:var(--muted)}.event-results-bar{justify-content:space-between;min-height:40px;font-size:.9rem}.event-results-bar span:first-child{color:var(--text);font-weight:800}.event-results-bar .secondary-button{min-height:36px;padding:0 12px}.event-state-panel{grid-column:1 / -1;align-items:flex-start;border:1px solid color-mix(in srgb,var(--line) 82%,var(--accent));border-radius:18px;padding:18px;background:color-mix(in srgb,var(--surface) 95%,white);box-shadow:var(--shadow-soft)}.event-state-panel strong{display:block;color:var(--text);margin-bottom:4px}.event-state-panel p{margin:0;line-height:1.5}.event-state-panel.error{border-color:color-mix(in srgb,#e11d48 35%,var(--line));background:color-mix(in srgb,#fff1f2 56%,var(--surface))}.event-skeleton{min-height:320px;pointer-events:none}.event-skeleton span,.event-skeleton strong,.event-skeleton p,.event-skeleton em{display:block;border-radius:14px;background:linear-gradient(90deg,color-mix(in srgb,var(--line) 55%,transparent),color-mix(in srgb,var(--surface) 88%,white),color-mix(in srgb,var(--line) 55%,transparent));background-size:240% 100%;animation:shimmer 1.15s ease-in-out infinite}.event-skeleton span{height:150px;margin:-16px -16px 16px;border-radius:16px 16px 10px 10px}.event-skeleton strong{height:24px;width:70%;margin-bottom:14px}.event-skeleton p{height:52px;width:100%}.event-skeleton em{height:38px;width:46%;margin-top:auto}.chat-bubble small{display:inline-flex;align-items:center;gap:4px}.page-header h1,.landing-hero h1,.public-info-hero h1{text-wrap:balance}@media(max-width:880px){.main-panel{animation-duration:.22s}.message-actions{opacity:1;transform:none}.chat-bubble{border-radius:15px}.message-composer{border-radius:16px 16px 0 0}.event-results-bar,.event-state-panel{align-items:stretch;flex-direction:column}.top-nav{box-shadow:0 8px 24px #14383214}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}.top-nav{min-height:72px;padding-inline:18px;border-bottom-color:color-mix(in srgb,var(--line) 52%,transparent);box-shadow:0 14px 36px #14383212}.top-actions{gap:9px}.global-search{min-height:46px;border-radius:999px;padding-inline:15px}.top-actions .icon-button,.post-button,.dm-top-button,.profile-chip,.mobile-bottom-nav button,.side-nav button,.mobile-logout,.compact-button,.manager-row button,.card-footer button{border-radius:999px}.dm-top-button{min-width:84px;gap:7px;padding-inline:14px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent);font-weight:900}.dm-top-button svg{transform:rotate(-12deg);stroke-width:2.4}.dm-top-button span{position:static;width:auto;height:auto;border:0;border-radius:0;background:transparent;color:inherit;font-size:.82rem;line-height:1}.dm-top-button em,.mobile-bottom-nav button em{position:static;min-width:19px;height:19px;display:inline-grid;place-items:center;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:.68rem;font-style:normal;font-weight:950}.post-button{min-height:44px;padding-inline:16px}.profile-chip{min-height:44px;padding:5px 12px 5px 5px}.profile-chip span,.brand-logo,.org-logo,.dm-avatar,.tiny-avatar{border-radius:999px}.side-nav{gap:8px}.side-nav button{min-height:44px;padding-inline:14px}.side-nav button.active{background:color-mix(in srgb,var(--accent) 13%,var(--surface))}.mobile-bottom-nav{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));width:auto;border:1px solid color-mix(in srgb,var(--line) 62%,transparent);border-radius:999px;box-shadow:0 18px 45px #14383224}.mobile-bottom-nav button{min-height:52px}.mobile-bottom-nav button.active{background:color-mix(in srgb,var(--accent) 14%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 24%,transparent)}.panel,.feed-post,.event-card,.organization-card,.nearby-card,.person-card,.library-card,.business-card,.compact-card,.mini-row,.metric-card,.message-thread,.inbox-list{border-radius:8px;box-shadow:0 16px 42px #14383213}.feed-post,.event-card,.organization-card,.nearby-card,.person-card{border-color:color-mix(in srgb,var(--line) 68%,transparent)}.message-composer{border-radius:999px;padding:8px}.message-composer textarea{border-radius:999px;padding-inline:14px}.message-composer .dm-add-button,.message-composer .primary-button{border-radius:999px}input,textarea,select{border-radius:14px}@media(max-width:880px){.top-nav{min-height:64px;padding-inline:12px}.dm-top-button{min-width:46px;padding-inline:11px}.dm-top-button span{display:none}.mobile-bottom-nav{padding:5px}}:root[data-theme=dark] .dm-top-button{background:color-mix(in srgb,var(--accent) 18%,var(--surface));border-color:color-mix(in srgb,var(--accent) 34%,var(--line))}:root{--page-bg: #f8f1e4;--panel-bg: #fffaf0;--panel-soft: #f3ead8;--surface: #fffaf0;--surface-raised: #fffdf7;--ink: #10231e;--text: #10231e;--muted: #536963;--line: #dfd1b9;--border: #dfd1b9;--brand: #06483f;--brand-strong: #03362f;--accent: #b88635;--gold-soft: #efe0bf;--success: #0f766e;--shadow: 0 20px 52px rgba(45, 36, 19, .13);--shadow-soft: 0 14px 34px rgba(45, 36, 19, .09);--shadow-lift: 0 22px 54px rgba(45, 36, 19, .16);--radius-soft: 8px}:root[data-theme=dark]{--page-bg: #111814;--panel-bg: #17231f;--panel-soft: #21312b;--surface: #17231f;--surface-raised: #1e2c27;--ink: #f9f3e7;--text: #f9f3e7;--muted: #c4d0c8;--line: #3e5149;--border: #3e5149;--brand: #7bd5be;--brand-strong: #a7ead8;--accent: #dbba74;--gold-soft: #3a3020}body{background:radial-gradient(circle at 12% 8%,rgba(184,134,53,.12),transparent 26rem),radial-gradient(circle at 88% 10%,rgba(6,72,63,.11),transparent 28rem),linear-gradient(180deg,#fbf5e9 0%,var(--page-bg) 52%,#f4ead6 100%)}:root[data-theme=dark] body{background:radial-gradient(circle at 10% 4%,rgba(219,186,116,.12),transparent 25rem),radial-gradient(circle at 88% 0%,rgba(123,213,190,.1),transparent 27rem),linear-gradient(180deg,#101713,#13201b)}.app-glow{opacity:.8;background:linear-gradient(135deg,rgba(6,72,63,.09),transparent 42%),linear-gradient(250deg,rgba(184,134,53,.1),transparent 46%)}.top-nav{min-height:70px;background:color-mix(in srgb,var(--surface-raised) 88%,transparent);border-bottom-color:color-mix(in srgb,var(--line) 66%,transparent)}.brand span,.brand-logo,.landing-brand span,.brand-mark,.app-loading-logo{background:#f8f1e4;border:1px solid color-mix(in srgb,var(--accent) 28%,white)}.brand-logo img,.brand-mark img,.app-loading-logo img,.landing-brand img{object-fit:cover;object-position:center}.brand strong,.landing-brand strong{color:var(--brand-strong);letter-spacing:0}.global-search,.filter-panel label,.filter-panel select,.dm-search{background:color-mix(in srgb,#fffaf0 88%,white);border-color:color-mix(in srgb,var(--line) 76%,var(--accent));box-shadow:inset 0 1px #ffffffb8}.side-nav,.right-rail,.feed-column,.stack-list,.prayer-app-layout,.event-discovery{gap:16px}.panel,.composer,.feed-post,.event-card,.organization-card,.nearby-card,.person-card,.library-card,.business-card,.compact-card,.mini-row,.metric-card,.map-preview-card,.auth-screen,.prayer-date-card{border-radius:8px;border:1px solid color-mix(in srgb,var(--line) 72%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-raised) 96%,white),color-mix(in srgb,var(--panel-bg) 92%,var(--gold-soft))),var(--surface-raised);box-shadow:var(--shadow-soft)}.panel:hover,.feed-post:hover,.event-card:hover,.organization-card:hover,.nearby-card:hover,.person-card:hover{box-shadow:var(--shadow-lift)}.primary-button,.post-button,.comment-form button,.message-composer .primary-button,.store-button{color:#fff;background:linear-gradient(135deg,var(--brand-strong),#0a6b5c 58%,#0c7b69);box-shadow:0 12px 28px #06483f38}.secondary-button,.compact-button,.manager-row button,.card-footer button,.text-action,.filter-bar button,.tag-row span,.status-pill{border-color:color-mix(in srgb,var(--line) 78%,var(--accent))}.tag-row span,.status-pill,.eyebrow{color:var(--brand-strong)}.composer{overflow:hidden;background:linear-gradient(135deg,#06483ff5,#08574aeb),var(--brand-strong);color:#fffaf0}.composer:before{opacity:.18}.composer-main button,.composer .composer-actions button{color:#fffaf0}.composer-main button{font-size:clamp(1.05rem,2vw,1.45rem);line-height:1.25}.composer-actions button{background:#fffaf01f;border:1px solid rgba(255,250,240,.2)}.feed-post{padding:0;overflow:hidden}.feed-post>*:not(.post-image){padding-left:16px;padding-right:16px}.feed-post .thread-head{padding-top:16px}.feed-post .post-image{width:100%;max-height:520px;aspect-ratio:4 / 5;object-fit:cover;background:var(--panel-soft);border-radius:0}.feed-post strong,.event-card h3,.organization-card h3,.page-header h1,.prayer-date-card h2,.prayer-panel h2{color:var(--brand-strong)}.feed-post p,.event-card p,.organization-card p,.helper-text,.meta-line{color:var(--muted)}.post-social-row{gap:8px;padding-bottom:14px}.post-social-row button{min-height:38px;border-radius:999px;background:color-mix(in srgb,var(--gold-soft) 34%,white);color:var(--brand-strong)}.event-discovery:not(.detail-route){display:grid}.event-discovery:not(.detail-route) .filter-panel.event-filters{position:sticky;top:78px;z-index:9;display:flex;gap:9px;overflow-x:auto;padding:10px;border-radius:999px;background:color-mix(in srgb,var(--surface-raised) 88%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.event-discovery:not(.detail-route) .filter-panel.event-filters label{min-width:min(280px,78vw)}.event-discovery:not(.detail-route) .filter-panel.event-filters select{min-width:max-content;border-radius:999px}.event-discovery:not(.detail-route)>.card-grid.two{display:grid;grid-template-columns:minmax(0,680px);justify-content:center;gap:20px;scroll-snap-type:y proximity}.event-card.event-card-upgraded{min-height:min(760px,calc(100dvh - 155px));display:grid;grid-template-rows:minmax(330px,1fr) auto auto auto auto auto;gap:12px;padding:0 0 16px;overflow:hidden;scroll-snap-align:start;background:#0b261f;color:#fffaf0}.event-card-upgraded>:not(.event-banner){padding-left:18px;padding-right:18px}.event-card-upgraded .event-banner{min-height:330px;border-radius:0;background-size:cover;background-position:center;position:relative}.event-card-upgraded .event-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#061f1a0d,#061f1a8a)}.event-card-upgraded h3,.event-card-upgraded p,.event-card-upgraded .meta-line,.event-card-upgraded .event-top span{color:#fffaf0}.event-card-upgraded p,.event-card-upgraded .meta-line{color:#fffaf0d1}.event-card-upgraded .tag-row span{background:#fffaf01f;border-color:#fffaf033;color:#fffaf0}.event-card-upgraded .secondary-button{color:#fffaf0;background:#fffaf01f;border-color:#fffaf033}.event-date-badge{z-index:1;background:#fffaf0eb;color:var(--brand-strong)}.prayer-date-card{align-items:center;background:linear-gradient(135deg,#06483ff5,#08574adb),var(--brand-strong);color:#fffaf0}.prayer-date-card h2,.prayer-date-card span,.prayer-date-card .eyebrow{color:#fffaf0}.prayer-app-layout{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:start}.prayer-app-layout>.prayer-panel{grid-row:span 2}.prayer-panel .section-title svg{width:54px;height:54px;padding:12px;border-radius:50%;color:var(--brand-strong);background:conic-gradient(var(--brand) 72%,color-mix(in srgb,var(--line) 62%,white) 0),var(--surface);box-shadow:inset 0 0 0 7px var(--surface)}.prayer-grid.detailed{display:grid;gap:8px}.prayer-grid.detailed div{grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:58px;padding:12px 14px;border-radius:8px;background:color-mix(in srgb,var(--gold-soft) 26%,var(--surface))}.prayer-grid.detailed div span,.prayer-grid.detailed div strong,.prayer-grid.detailed div em{color:var(--brand-strong);text-shadow:none}.prayer-grid.detailed div em{color:var(--muted)}.prayer-grid.detailed div:first-child{min-height:118px;background:linear-gradient(135deg,var(--brand-strong),#0f766e);color:#fffaf0}.prayer-grid.detailed div:first-child span,.prayer-grid.detailed div:first-child strong,.prayer-grid.detailed div:first-child em{color:#fffaf0}.prayer-grid.detailed strong{font-size:clamp(1.2rem,4vw,2rem)}.discovery-toolbar{align-items:center;background:color-mix(in srgb,var(--surface-raised) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.segmented-control{padding:4px;border-radius:999px;background:color-mix(in srgb,var(--panel-soft) 72%,white)}.segmented-control button{border-radius:999px}.segmented-control button.active{color:#fff;background:var(--brand-strong)}.masjid-map-view{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)}.map-preview-card{min-height:100%;padding:16px}.map-frame{position:relative;min-height:clamp(360px,55dvh,620px);overflow:hidden;border-radius:8px;border:1px solid color-mix(in srgb,var(--line) 76%,var(--accent));background:linear-gradient(135deg,#06483f14,#b886351f),var(--panel-soft)}.map-frame iframe{position:absolute;inset:0;width:100%;height:100%;min-height:100%;border:0;opacity:1;transition:opacity .22s ease}.map-frame[data-state=loading] iframe,.map-frame[data-state=error] iframe{opacity:0;pointer-events:none}.map-loading-state,.map-empty-state{position:absolute;inset:0;z-index:1;display:grid;place-items:center;align-content:center;gap:10px;padding:20px;text-align:center;color:var(--muted)}.map-empty-state{position:relative;min-height:260px;border-radius:8px;background:color-mix(in srgb,var(--panel-soft) 70%,white)}.map-frame .map-empty-state{position:absolute;min-height:0}.map-result-list{gap:10px}.map-result-item{border-radius:8px;background:color-mix(in srgb,var(--surface-raised) 96%,white)}.map-result-item.active{border-color:var(--accent);box-shadow:0 12px 28px #b8863524}.mobile-bottom-nav{min-height:calc(62px + env(safe-area-inset-bottom));padding-bottom:max(6px,env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface-raised) 90%,transparent)}.mobile-bottom-nav button{color:var(--muted)}.mobile-bottom-nav button.active{color:var(--brand-strong);background:color-mix(in srgb,var(--gold-soft) 44%,var(--surface))}.auth-screen{width:min(520px,100%);background:linear-gradient(180deg,#fffdf7f5,#f8f1e4f5),var(--surface-raised)}.app-loading-screen{background:radial-gradient(circle at 50% 25%,rgba(184,134,53,.16),transparent 24rem),linear-gradient(180deg,#fffaf0,#f8f1e4)}.app-loading-card{background:#fffdf7db;border-color:color-mix(in srgb,var(--line) 70%,transparent)}.app-loading-bar i{background:linear-gradient(90deg,transparent,var(--brand),var(--accent),transparent)}@media(max-width:880px){.app{padding-bottom:calc(94px + env(safe-area-inset-bottom))}.event-discovery:not(.detail-route) .filter-panel.event-filters{top:64px;margin-inline:-4px;border-radius:18px}.event-discovery:not(.detail-route)>.card-grid.two{grid-template-columns:minmax(0,1fr)}.event-card.event-card-upgraded{min-height:calc(100dvh - 150px)}.event-card-upgraded .event-banner{min-height:42dvh}.prayer-app-layout,.masjid-map-view{grid-template-columns:minmax(0,1fr)}.map-frame{min-height:min(62dvh,520px)}.feed-post .post-image{aspect-ratio:1 / 1}}@keyframes mujtama-rise{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mujtama-sheen{0%{transform:translate(-120%) rotate(12deg)}to{transform:translate(160%) rotate(12deg)}}@keyframes mujtama-pulse-ring{0%{transform:scale(.92);opacity:.9}70%{transform:scale(1.16);opacity:.15}to{transform:scale(1.22);opacity:0}}.feed-column>.panel,.right-rail>.panel,.right-rail>.map-preview-card{animation:mujtama-rise .56s cubic-bezier(.2,.8,.2,1)}.feed-post{animation:mujtama-rise .52s cubic-bezier(.2,.8,.2,1)}.feed-post .thread-head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center}.feed-post>strong{display:block;margin-top:14px;font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.15}.feed-post>p{font-size:.98rem;line-height:1.55}.in-app-map{isolation:isolate;background:#d7e3db}.map-tile-grid{position:absolute;inset:0;transform:translate(calc((.5 - var(--tile-x)) * 256px),calc((.5 - var(--tile-y)) * 256px))}.map-tile-grid img{position:absolute;left:calc(50% + (var(--x) * 256px) - 128px);top:calc(50% + (var(--y) * 256px) - 128px);width:256px;height:256px;max-width:none;-webkit-user-select:none;user-select:none}.map-vignette{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(6,72,63,.18),transparent 32%,rgba(6,72,63,.16)),radial-gradient(circle at 50% 50%,transparent 30%,rgba(6,72,63,.12));pointer-events:none}.map-marker{position:absolute;z-index:3;min-width:0;transform:translate(-50%,-100%);display:grid;justify-items:center;gap:4px;border:0;background:transparent;color:var(--brand-strong)}.map-marker svg{fill:#fffaf0;filter:drop-shadow(0 8px 16px rgba(6,72,63,.32));stroke-width:2.6}.map-marker span{max-width:130px;overflow:hidden;padding:4px 8px;border-radius:999px;background:#fffaf0f0;color:var(--brand-strong);font-size:.72rem;font-weight:900;text-overflow:ellipsis;white-space:nowrap;box-shadow:0 8px 20px #06483f29}.map-marker.active{color:#b88635}.map-marker.active svg{transform:scale(1.08)}.map-attribution{position:absolute;right:8px;bottom:8px;z-index:2;padding:2px 7px;border-radius:6px;background:#fffaf0d1;color:var(--brand-strong);font-size:.62rem;font-weight:700;letter-spacing:.01em;pointer-events:none}.map-tile-warning{position:absolute;left:14px;right:14px;bottom:14px;z-index:4;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;background:#fffaf0f0;color:var(--brand-strong);font-weight:850;box-shadow:var(--shadow-soft)}.event-card.event-card-upgraded{animation:mujtama-rise .52s cubic-bezier(.2,.8,.2,1)}.event-card-upgraded .event-banner{transition:transform .42s cubic-bezier(.2,.8,.2,1),filter .42s cubic-bezier(.2,.8,.2,1)}.event-card-upgraded:hover .event-banner{transform:scale(1.015);filter:saturate(1.08) contrast(1.04)}.event-card-upgraded .card-footer{display:flex;flex-wrap:wrap;gap:8px}.page-header .eyebrow{color:var(--accent)}.home-feed-only{width:min(720px,100%);margin:0 auto;display:grid;gap:14px}.home-feed-hero{position:relative;overflow:hidden;min-height:168px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px;border-radius:8px;color:#fffaf0;background:linear-gradient(135deg,#03362ffa,#06483fe6),url(/icons/mujtama-icon-light-512.png) right -80px center / 260px no-repeat;box-shadow:0 20px 54px #06241f33;animation:mujtama-rise .42s cubic-bezier(.2,.8,.2,1)}.home-feed-hero:after{content:"";position:absolute;inset:-60px auto -60px 0;width:38%;background:linear-gradient(90deg,transparent,rgba(255,250,240,.14),transparent);animation:mujtama-sheen 6s ease-in-out infinite;pointer-events:none}.home-feed-logo{position:relative;z-index:1;width:58px;height:58px;overflow:hidden;border-radius:18px;background:#f8f1e4;box-shadow:0 14px 30px #00000029}.home-feed-logo img{width:100%;height:100%;object-fit:cover}.home-feed-hero>div{position:relative;z-index:1;display:grid;gap:5px}.home-feed-hero .eyebrow,.home-feed-hero h1,.home-feed-hero p{margin:0;color:#fffaf0}.home-feed-hero h1{font-size:clamp(27px,5vw,42px);line-height:1}.home-feed-hero p{max-width:42ch;color:#fffaf0c7;line-height:1.4}.feed-filter-button{position:relative;z-index:1;color:var(--brand-strong);background:#fffaf0eb}.home-feed-composer{display:grid;gap:10px;padding:12px;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:8px;background:color-mix(in srgb,var(--surface-raised) 94%,transparent);box-shadow:var(--shadow-soft);animation:mujtama-rise .48s cubic-bezier(.2,.8,.2,1)}.home-feed-composer>button{min-height:54px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;border:0;border-radius:8px;background:color-mix(in srgb,var(--gold-soft) 28%,var(--surface));color:var(--brand-strong);text-align:left}.home-feed-composer>button span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--brand-strong);color:#fffaf0;font-weight:900}.home-feed-composer>div{display:flex;gap:8px;flex-wrap:wrap}.home-feed-composer>div button{min-height:38px;display:inline-flex;align-items:center;gap:7px;border:1px solid color-mix(in srgb,var(--line) 75%,var(--accent));border-radius:999px;background:var(--surface);color:var(--brand-strong);font-weight:850}.home-quran-prompt{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;border:1px solid color-mix(in srgb,var(--brand) 22%,var(--line));border-radius:8px;background:radial-gradient(circle at top left,color-mix(in srgb,var(--accent) 10%,transparent),transparent 38%),var(--surface-raised);box-shadow:var(--shadow-soft);animation:mujtama-rise .5s cubic-bezier(.2,.8,.2,1)}.home-quran-prompt h2,.home-quran-prompt p{margin:0}.home-quran-prompt h2{margin-top:2px;color:var(--brand-strong);font-size:20px;line-height:1.1}.home-quran-prompt p{margin-top:5px;color:var(--text);font-size:14px;line-height:1.45;font-weight:720}.home-quran-prompt span{display:inline-block;margin-top:8px;color:var(--muted);font-size:12px;font-weight:800}.home-quran-actions{display:grid;gap:8px}.home-quran-actions button{min-height:38px;min-width:96px;border-radius:12px;padding-inline:12px}.home-feed-only>.panel{padding:0;border:0;background:transparent;box-shadow:none}.home-feed-only>.panel>.section-title{padding:4px 2px 0}.home-feed-only .stack-list{gap:14px}.home-feed-only .feed-post{border-radius:8px;background:color-mix(in srgb,var(--surface-raised) 96%,white)}@media(max-width:620px){.map-tile-grid{transform:translate(calc((.5 - var(--tile-x)) * 256px),calc((.5 - var(--tile-y)) * 256px)) scale(1.08)}.map-marker span{max-width:104px}}.admin-workspace-shell{display:grid;grid-template-columns:minmax(240px,292px) minmax(0,1fr);gap:18px;align-items:start}.admin-workspace-nav{position:sticky;top:88px;display:grid;gap:8px;max-height:calc(100dvh - 112px);overflow:auto;padding:14px;border:1px solid color-mix(in srgb,var(--line) 86%,white);border-radius:8px;background:linear-gradient(180deg,#ffffffd1,#fffaf2f0),var(--surface);box-shadow:0 16px 38px #583f1f1a}.workspace-nav-card{display:grid;gap:4px;padding:14px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:8px;background:linear-gradient(135deg,#fff8ec,#f1e3cc)}.workspace-nav-card h3,.workspace-nav-card p{margin:0}.workspace-nav-card span{color:var(--muted);font-size:13px;font-weight:800}.admin-workspace-nav>button{width:100%;min-height:44px;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid transparent;border-radius:8px;padding:0 10px;background:transparent;color:var(--ink-soft);text-align:left;font-weight:900}.admin-workspace-nav>button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-workspace-nav>button em{min-width:24px;padding:3px 6px;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,white);color:var(--muted);font-size:11px;font-style:normal;text-align:center}.admin-workspace-nav>button:hover,.admin-workspace-nav>button.active{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));background:color-mix(in srgb,var(--accent) 10%,white);color:var(--brand-strong);box-shadow:none}.workspace-checklist{display:grid;gap:7px;margin-top:4px;padding:13px;border:1px dashed color-mix(in srgb,var(--accent) 36%,var(--line));border-radius:8px;background:#fffbf5}.workspace-checklist strong{color:var(--ink);font-size:13px}.workspace-checklist span{color:var(--muted);font-size:12px;font-weight:800}.platform-admin-grid,.masjid-dashboard-grid{width:100%;gap:18px}.platform-admin-grid .panel,.masjid-dashboard-grid .panel,.masjid-hub,.operator-section,.manager-section,.admin-category-panel{border-color:color-mix(in srgb,var(--line) 88%,white);border-radius:8px;background:color-mix(in srgb,var(--surface-raised) 96%,white);box-shadow:0 12px 30px #533d2314}.masjid-hub{padding:18px}.masjid-operator-head{padding:16px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:8px;background:linear-gradient(135deg,#fff8eb,#f4ead9)}.operator-snapshot article,.metric-card,.attention-list button,.community-publishing-grid button,.operator-management-grid button,.analytics-strip button{border-color:color-mix(in srgb,var(--line) 86%,white);border-radius:8px;background:#fffbf5}.community-publishing-grid button,.operator-management-grid button,.attention-list button{min-height:58px}.feature-screen-topbar{border-radius:8px;background:#fff8ec;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line))}.feature-screen-content .manager-section,.feature-screen-content .panel{border-radius:8px}.manager-row{gap:8px}.manager-row button,.manager-row .secondary-button{min-height:36px;border-radius:8px}.account-admin-row{grid-template-columns:minmax(240px,1fr) minmax(150px,190px) minmax(260px,auto);align-items:center}.onboarding-form,.profile-form,.post-form{border-radius:8px}@media(max-width:980px){.admin-workspace-shell{grid-template-columns:1fr}.admin-workspace-nav{position:static;grid-auto-flow:column;grid-auto-columns:minmax(148px,1fr);overflow-x:auto;overflow-y:hidden;max-height:none;padding:10px}.workspace-nav-card,.workspace-checklist{min-width:190px}.admin-workspace-nav>button{grid-template-columns:20px minmax(0,1fr)}.admin-workspace-nav>button em{display:none}.account-admin-row{grid-template-columns:1fr}}:root{--page-bg: #f5ead8;--panel-bg: #fffaf2;--panel-soft: #f8efdf;--surface: #fffaf2;--surface-muted: #efe2cd;--surface-raised: #fffdf8;--ink: #211a12;--ink-soft: #4e4436;--text: #211a12;--muted: #746857;--line: #e0cfb5;--border: #e0cfb5;--brand: #0f6b58;--brand-strong: #093f36;--accent: #bd8c3a;--accent-contrast: #fff7e8}body{background:radial-gradient(circle at 50% -120px,rgba(15,107,88,.08),transparent 360px),linear-gradient(180deg,#fbf4e8 0%,var(--page-bg) 54%,#f1e3cc 100%)}.primary-button,.post-button,.comment-form button,.message-composer .primary-button{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 10px 22px #093f3629}.primary-button:hover,.post-button:hover{background:var(--brand-strong);border-color:var(--brand-strong)}.secondary-button,.icon-button,.dm-top-button,.post-social-row button,.manager-row button,.compact-card button,.load-more{color:var(--brand-strong);border-color:color-mix(in srgb,var(--line) 86%,white);background:color-mix(in srgb,var(--surface) 94%,white)}.mobile-bottom-nav button.active,.side-nav button.active,.segmented-control button.active,.dm-filter-row button.active{background:color-mix(in srgb,var(--brand) 12%,var(--surface));color:var(--brand-strong)}.mobile-search-button{display:none}.app-search-panel{display:grid;gap:24px}.app-search-box{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted)}.app-search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font:inherit}.search-section{display:grid;gap:12px}.search-suggestion-list,.app-search-results{display:grid;gap:4px}.search-suggestion-list button,.app-search-results button{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;width:100%;padding:10px 0;border:0;border-bottom:1px solid color-mix(in srgb,var(--line) 75%,white);background:transparent;color:var(--ink);text-align:left}.app-search-results button>span{display:grid;place-items:center;min-width:58px;padding:6px 8px;border-radius:999px;background:color-mix(in srgb,var(--brand) 10%,white);color:var(--brand-strong);font-size:11px;font-weight:800}.app-search-results p{margin:3px 0 0;color:var(--ink-soft);font-size:13px}.search-chip-row{display:flex;flex-wrap:wrap;gap:8px}.search-chip-row button{padding:8px 13px;border:1px solid var(--line);border-radius:8px;background:#fffaf2;color:var(--ink)}.notification-tabs,.network-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-bottom:1px solid var(--line)}.notification-tabs button,.network-tabs button{padding:10px 4px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--ink-soft);font-weight:800}.notification-tabs button.active,.network-tabs button.active{border-bottom-color:var(--brand-strong);color:var(--ink)}.notification-list-screen{display:grid}.notification-screen-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;padding:14px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left}.notification-screen-row p{margin:3px 0 0;color:var(--ink-soft)}.notification-screen-row time{color:var(--ink-soft);font-size:12px}.notification-screen-row.unread strong:after{content:"";display:inline-block;width:7px;height:7px;margin-left:7px;border-radius:50%;background:var(--brand)}.map-search-overlay{display:none}.review-panel{display:grid;gap:14px}.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.review-textarea{min-height:132px;resize:vertical}.create-post-form{gap:14px}.create-post-topline,.create-media-grid,.create-post-options{display:grid;gap:10px}.create-post-topline{grid-template-columns:auto minmax(0,1fr);align-items:center}.create-post-topline label{display:flex;align-items:center;justify-content:space-between;gap:12px}.create-post-copy{min-height:92px}.create-media-grid{grid-template-columns:minmax(0,1fr) 88px}.create-media-preview,.create-media-add{min-height:120px;border:1px solid var(--line);border-radius:8px;background:#fffaf2}.create-media-preview{display:grid;gap:10px;place-items:center;padding:12px}.create-media-preview input{width:100%}.create-media-add{display:grid;place-items:center;color:var(--ink)}.create-post-options button{display:flex;align-items:center;gap:10px;padding:10px 0;border:0;background:transparent;color:var(--ink);text-align:left}.settings-mobile-menu{display:none}@media(max-width:760px){body{background:#f5ead8}.app{min-height:100dvh;background:radial-gradient(circle at 50% -80px,rgba(185,135,60,.12),transparent 260px),#f5ead8}.top-nav{position:sticky;top:0;height:72px;grid-template-columns:42px minmax(0,1fr) auto;padding:10px 14px;border:0;background:color-mix(in srgb,#fff8ec 88%,transparent);box-shadow:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.top-nav .brand{width:auto;justify-content:start;gap:8px;background:transparent;box-shadow:none}.top-nav .brand-logo{width:26px;height:26px}.top-nav .brand strong{display:inline;color:var(--brand-strong);font-size:17px}.top-nav .search-wrap,.top-nav .profile-chip,.top-nav .post-button span,.top-nav .dm-top-button span,.left-rail{display:none}.top-actions{gap:8px}.mobile-search-button{display:inline-grid}.top-actions>.icon-button:not(.mobile-search-button):not(.notification-button),.top-nav .post-button{display:none}.top-nav .dm-top-button{display:inline-grid}.top-actions .icon-button,.dm-top-button,.mobile-menu{width:38px;height:38px;border-radius:50%;background:transparent;box-shadow:none}.main-panel{width:100%;max-width:430px;margin:0 auto;padding:8px 14px calc(92px + env(safe-area-inset-bottom))}.page{gap:14px}.page-header{padding:4px 2px 0;text-align:center}.page-header h1{font-size:22px}.page-header p{display:none}.panel,.feed-post,.event-card,.person-card,.profile-detail,.settings-panel,.message-thread,.inbox-list{border:1px solid color-mix(in srgb,var(--line) 84%,white);border-radius:8px;background:#fff8ec;box-shadow:0 12px 26px #48341c14}.home-feed-hero,.home-feed-composer{display:none}.empty-feed-state{align-items:center;margin-top:2px;padding:14px;border-radius:8px;background:#fff8ec}.empty-feed-state svg{width:38px;height:38px;padding:8px;border-radius:50%;background:color-mix(in srgb,var(--accent) 16%,white);color:var(--brand-strong)}.empty-feed-state .manager-row{display:grid;grid-template-columns:1fr;gap:8px}.empty-feed-state .secondary-button{display:none}.home-feed-only>.panel>.section-title{display:none}.feed-post{overflow:hidden;padding:0}.feed-post .thread-head{padding:12px 14px 8px}.feed-post .post-image{width:100%;min-height:250px;border-radius:0}.feed-post>strong,.feed-post>p,.feed-post .ai-translate-bar,.feed-post .translation-card,.feed-post .meta-line,.feed-post .post-social-row,.feed-post .liked-by-line,.feed-post .post-comments,.feed-post .tag-row{margin-left:14px;margin-right:14px}.post-social-row{display:flex;gap:14px;overflow-x:auto;padding:8px 0}.post-social-row button{min-width:auto;padding:0;border:0;background:transparent;box-shadow:none}.event-discovery>.card-grid.two{display:grid;grid-template-columns:1fr;gap:16px}.event-filters,.event-results-bar{display:none}.event-discovery{scroll-snap-type:y proximity}.event-card.event-card-upgraded{min-height:0;height:min(690px,calc(100dvh - 138px));display:flex;flex-direction:column;justify-content:flex-end;gap:8px;overflow:hidden;padding:0 0 14px;border-radius:18px;background:#062e28;color:#fff8ec;position:relative;scroll-snap-align:start}.event-card-upgraded .event-banner{position:absolute;inset:0;min-height:100%;border-radius:18px;filter:saturate(.92)}.event-card-upgraded .event-banner:after{background:linear-gradient(180deg,#0000001f,#000000ad)}.event-card-upgraded>:not(.event-banner){position:relative;z-index:1;margin-left:18px;margin-right:18px;padding-left:0;padding-right:0;color:inherit}.event-card-upgraded h3{font-size:27px;line-height:1.04;margin-block:0}.event-card-upgraded p,.event-card-upgraded .meta-line,.event-card-upgraded .event-top span{color:#fff8ecdb}.event-card-upgraded p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-block:0;overflow:hidden}.event-card-upgraded .meta-line{margin-block:0}.event-card-upgraded .tag-row{gap:6px}.event-card-upgraded .tag-row span{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-card-upgraded .tag-row span,.event-card-upgraded .secondary-button,.event-card-upgraded .primary-button{border-color:#ffffff38;background:#ffffff1f;color:#fff8ec}.event-card-upgraded .card-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:0}.event-card-upgraded .card-footer button,.event-card-upgraded .card-footer a{width:100%;min-width:0;min-height:40px;padding-inline:10px}.event-detail-panel{overflow:hidden;padding:0}.event-detail-image{min-height:180px;border-radius:8px 8px 0 0}.event-detail-panel>div:not(.event-detail-image),.event-detail-panel .map-preview-card{margin:14px}.masjid-map-view{gap:10px;position:relative}.map-search-overlay{position:absolute;top:14px;left:14px;right:66px;z-index:6;display:flex;align-items:center;gap:8px;padding:11px 13px;border:1px solid color-mix(in srgb,var(--line) 70%,white);border-radius:8px;background:#fffaf2f0;box-shadow:0 10px 24px #36291824}.map-search-overlay input{width:100%;border:0;outline:0;background:transparent;font:inherit}.masjid-map-view .map-preview-card{min-height:calc(100dvh - 210px);overflow:hidden;padding:0}.masjid-map-view .map-frame,.in-app-map{min-height:360px;border-radius:8px}.map-result-list{max-height:none;margin-top:0;padding:0;overflow:visible;z-index:1}.map-result-item{border-radius:8px;background:#fff8ec}.prayer-date-card{min-height:190px;align-content:center;justify-items:center;text-align:center;color:#fff8ec;background:radial-gradient(circle at 50% -10%,rgba(255,255,255,.18),transparent 36%),linear-gradient(160deg,#0a3d35,#173b31)}.prayer-app-layout{display:block}.prayer-panel,.notification-card,.prayer-settings-card{margin-top:12px}.network-search-panel{position:sticky;top:72px;z-index:5;gap:12px;padding:12px}.network-search-panel .helper-text{display:none}.card-grid.two{grid-template-columns:1fr}.person-card{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px}.person-card .person-banner,.person-card>p,.person-card .trust-strip,.person-card .tag-row{display:none}.person-card .network-avatar{grid-row:1 / span 2;width:48px;height:48px;margin:0}.person-card h3,.person-card p{margin:0}.person-card>div>h3{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-card>div>p{font-size:12.5px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.person-card .card-footer{grid-column:3;grid-row:1 / span 2;display:flex;flex-direction:column;gap:6px;align-self:center}.person-card .card-footer .secondary-button:first-child,.person-card .card-footer .secondary-button:nth-child(2){display:none}.messaging-layout{display:block}.inbox-list{min-height:calc(100dvh - 156px);padding:14px}.dm-thread-row{border-bottom:1px solid color-mix(in srgb,var(--line) 72%,white);border-radius:0;background:transparent;box-shadow:none}.profile-detail{overflow:hidden;text-align:center}.profile-detail .profile-banner{min-height:118px}.profile-header-card{display:grid;justify-items:center;margin-top:-52px}.profile-stat-row{display:grid;grid-template-columns:repeat(3,1fr)}.masjid-profile{overflow:hidden;padding:0}.masjid-profile .masjid-hero{min-height:270px;align-content:end;padding:18px;border-radius:0;color:#fff8ec;background-color:#073a31}.masjid-profile .masjid-hero:after{opacity:.38}.masjid-profile .masjid-profile-summary,.masjid-profile .profile-actions,.masjid-profile .masjid-follow-nudge{margin:14px}.masjid-profile .masjid-stat-strip{grid-template-columns:repeat(3,1fr)}.masjid-profile .masjid-stat-strip div:nth-child(n+4),.masjid-profile .profile-info-grid,.masjid-profile+.content-grid{display:none}.masjid-profile .profile-actions{display:grid;grid-template-columns:repeat(4,1fr)}.masjid-profile .profile-actions button,.masjid-profile .profile-actions a{min-height:58px;padding:8px;font-size:11px}.settings-panel .mini-row,.settings-group,.mobile-settings .field-label{border-bottom:1px solid color-mix(in srgb,var(--line) 78%,white);border-radius:0;background:transparent;box-shadow:none}.settings-mobile-menu{display:grid;gap:0;padding:14px}.settings-mobile-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;min-height:46px;padding:0;border:0;border-bottom:1px solid color-mix(in srgb,var(--line) 78%,white);background:transparent;color:var(--ink);text-align:left}.settings-mobile-row span{display:flex;gap:10px;align-items:center}.settings-mobile-row em{color:var(--ink-soft);font-style:normal;font-size:12px}.settings-mobile-logout{min-height:44px;margin-top:18px;border:1px solid color-mix(in srgb,#b42318 16%,var(--line));border-radius:8px;background:#fffaf2;color:#b42318;font-weight:800}.notifications-screen-panel{min-height:calc(100dvh - 172px);padding:0 16px 16px}.notification-tabs{position:sticky;top:72px;z-index:2;margin:0 -16px;padding:0 16px;background:#fff8ec}.app-search-panel{min-height:calc(100dvh - 172px);padding:16px}.app-search-box{background:color-mix(in srgb,#fff8ec 72%,white);box-shadow:inset 0 1px #ffffffb8}.search-section>strong{color:var(--ink);font-size:14px}.search-suggestion-list button{grid-template-columns:22px minmax(0,1fr);color:var(--ink)}.post-form{padding:14px;border:1px solid color-mix(in srgb,var(--line) 84%,white);border-radius:8px;background:#fff8ec;box-shadow:0 12px 26px #48341c14}.create-post-form{min-height:calc(100dvh - 172px)}.create-post-topline label span{color:var(--ink-soft);font-size:12px}.create-post-options{margin-top:4px}.post-form input,.post-form textarea,.post-form select{border-radius:8px;background:#fffaf2}.mobile-bottom-nav{left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));height:66px;border:1px solid color-mix(in srgb,var(--line) 70%,white);border-radius:22px;background:#fffaf2f0;box-shadow:0 18px 40px #37261229}.mobile-bottom-nav button{min-width:0;color:var(--ink-soft);font-size:10px}.mobile-bottom-nav button.active{color:var(--brand-strong);background:transparent}.mobile-bottom-nav button.active svg{fill:color-mix(in srgb,var(--brand) 18%,transparent)}}@media(max-width:760px){.auth-only{background:radial-gradient(circle at 50% 100%,rgba(8,55,47,.08),transparent 240px),#f5ead8}.auth-screen{width:min(100%,430px);min-height:100dvh;margin:0 auto;padding:34px 24px max(28px,env(safe-area-inset-bottom));border:0;border-radius:0;background:linear-gradient(180deg,#fffaf2eb,#f5ead8f5),#f5ead8;box-shadow:none}.auth-screen .brand-mark{width:136px;height:136px;margin:0 auto 22px;border-radius:34px;background:color-mix(in srgb,#fff8ec 78%,white);box-shadow:0 18px 38px #4d33161f}.auth-screen h1{color:var(--ink);font-size:24px;line-height:1.16;text-align:center}.auth-screen .muted{max-width:250px;margin-inline:auto;color:var(--ink-soft);text-align:center}.auth-splash-screen,.auth-onboarding-screen{display:grid;align-content:center;justify-items:center;gap:18px;text-align:center}.auth-splash-screen .brand-mark{width:176px;height:176px;margin-bottom:22px;background:transparent;box-shadow:none}.auth-splash-screen p{margin:0;color:var(--ink);font-weight:700;line-height:1.45}.auth-splash-screen:after{content:"";width:64px;height:4px;margin-top:42px;border-radius:999px;background:linear-gradient(90deg,var(--ink) 0 68%,rgba(8,55,47,.22) 68% 100%)}.auth-onboarding-screen{align-content:space-between;padding-top:86px;padding-bottom:max(46px,env(safe-area-inset-bottom))}.auth-onboarding-screen:after{content:"";width:100%;height:132px;margin-top:auto;order:2;opacity:.18;background:radial-gradient(ellipse at center bottom,rgba(8,55,47,.34),transparent 58%),linear-gradient(180deg,transparent,rgba(8,55,47,.14));clip-path:polygon(0 45%,22% 30%,33% 44%,50% 16%,67% 44%,78% 30%,100% 45%,100% 100%,0 100%)}.auth-onboarding-screen .auth-get-started,.auth-onboarding-screen .text-btn{order:3;width:100%;max-width:300px}.auth-form,.social-auth-row{width:100%}.event-discovery .event-filters,.event-discovery .event-results-bar{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}.top-nav .dm-top-button{display:inline-grid!important;place-items:center}.app-search-panel{display:grid;gap:18px;align-content:start}.app-search-box{position:sticky;top:82px;z-index:5;display:flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:#fffaf2}.app-search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font:inherit}.event-card.event-card-upgraded{height:auto;min-height:0;display:grid;gap:12px;padding:12px;border:1px solid rgba(210,190,154,.72);background:#fff8ec;color:var(--ink);box-shadow:0 16px 34px #3629181f}.event-card-upgraded .event-banner{position:relative;inset:auto;width:100%;min-height:236px;border-radius:8px;filter:none}.event-card-upgraded .event-banner:after{background:linear-gradient(180deg,#00000005,#0000002e)}.event-card-upgraded>:not(.event-banner){margin-left:0;margin-right:0;color:var(--ink)}.event-card-upgraded h3{color:var(--ink);font-size:24px}.event-card-upgraded p,.event-card-upgraded .meta-line,.event-card-upgraded .event-top span{color:var(--ink-soft)}.event-card-upgraded .tag-row span{background:#f4ead8;border-color:#c4a6686b;color:var(--brand-strong)}.event-card-upgraded .secondary-button{background:#fffaf2;border-color:#c4a6686b;color:var(--brand-strong)}.masjid-map-view{grid-template-columns:1fr}.map-search-bar{position:relative;z-index:4}.masjid-map-view .map-preview-card,.masjid-map-view .map-frame,.in-app-map{min-height:360px}.map-result-list{max-height:none;overflow:visible}.review-grid{grid-template-columns:1fr}}.panel,.mini-row,.feed-post,.settings-panel,.event-state-panel,.dm-empty-inbox,.map-result-item>button:first-child{color:var(--ink)}.helper-text,.mini-row span,.mini-row p,.feed-post p,.event-state-panel p,.dm-empty-inbox span,.message-list small{color:var(--ink-soft)}.feed-post{min-width:0;overflow:hidden}.feed-post .post-social-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));margin-inline:0;overflow:visible!important}.feed-post .post-social-row button{display:inline-flex!important;width:100%;min-width:0;padding-inline:8px;white-space:normal;overflow-wrap:anywhere}.platform-admin-grid,.masjid-dashboard-grid{grid-template-columns:minmax(0,1fr);align-items:start}.platform-admin-panel,.admin-category-panel,.masjid-dashboard-grid .panel,.platform-admin-grid .panel{min-width:0}.admin-workspace-shell{grid-template-columns:minmax(220px,270px) minmax(0,1fr)}.dm-thread-empty{max-width:420px;justify-self:center;align-self:center;text-align:center}.dm-thread-empty .compact-button{margin-inline:auto}@media(max-width:980px){.platform-admin-grid,.masjid-dashboard-grid,.admin-workspace-shell{grid-template-columns:1fr}.admin-workspace-nav{grid-auto-columns:minmax(132px,.8fr)}}@media(max-width:760px){.feed-post .post-social-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;overflow:visible!important}.feed-post .post-social-row button{min-height:42px;font-size:12px;line-height:1.15}.liked-by-line{margin-inline:0}.masjid-map-view{display:grid;grid-template-columns:1fr;gap:10px}.masjid-map-view .map-preview-card{min-height:0;padding:10px}.masjid-map-view .map-frame,.masjid-map-view .in-app-map{min-height:118px;max-height:138px}.map-result-list{max-height:none;overflow:visible;padding-bottom:88px}.map-result-item{grid-template-columns:minmax(0,1fr)}.map-result-item .compact-button{min-height:40px}}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}button,a,input,select,textarea{-webkit-tap-highlight-color:rgba(15,107,88,.12)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 72%,white);outline-offset:3px}.skip-link{position:fixed;top:0;left:12px;z-index:400;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;transform:translateY(-120%);padding:10px 14px;border-radius:8px;background:var(--brand-strong);color:#fff;font-weight:900;text-decoration:none;box-shadow:0 16px 34px #093f363d;transition:transform .18s ease}.skip-link:focus,.skip-link:focus-visible{top:max(10px,env(safe-area-inset-top));width:auto;height:auto;overflow:visible;clip:auto;clip-path:none;white-space:normal;transform:translateY(0)}.main-panel{animation:page-comfort-in .26s ease both}@keyframes page-comfort-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.panel,.mini-row,.feed-post,.map-result-item>button:first-child,.dashboard-menu-grid button,.admin-workspace-nav>button{transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease,background-color .17s ease}.mini-row:active,.feed-post:active,.map-result-item>button:first-child:active,.dashboard-menu-grid button:active,.admin-workspace-nav>button:active,.mobile-bottom-nav button:active{transform:scale(.985)}@media(max-width:760px){.top-nav{position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--surface-raised) 88%,transparent);border-bottom:1px solid color-mix(in srgb,var(--line) 82%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.top-actions{gap:6px}.top-actions .icon-button,.mobile-menu,.dm-top-button,.post-button,.profile-chip,.message-composer .dm-add-button,.message-composer .primary-button{min-width:44px;min-height:44px}input,select,textarea{min-height:44px;font-size:16px}.field-label,.auth-field-shell,.map-search-bar,.dm-search,.global-search,.app-search-box{min-height:48px}.main-panel{padding-bottom:calc(var(--mobile-nav-height, 74px) + env(safe-area-inset-bottom) + 20px);scroll-padding-bottom:calc(var(--mobile-nav-height, 74px) + 24px)}.mobile-bottom-nav{--mobile-nav-height: 74px;min-height:calc(74px + env(safe-area-inset-bottom));display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:2px;overflow-x:hidden;overscroll-behavior-x:contain;padding:7px max(6px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));background:color-mix(in srgb,var(--surface-raised) 94%,transparent);border-top:1px solid color-mix(in srgb,var(--line) 78%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-bottom-nav::-webkit-scrollbar{display:none}.mobile-bottom-nav button{min-width:0;min-height:56px;border-radius:12px}.mobile-bottom-nav button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-bottom-nav button.active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 18%,transparent)}.home-feed-only,.app-search-panel,.settings-panel,.message-thread,.inbox-list,.masjid-dashboard-main,.platform-admin-panel{min-width:0}.home-feed-hero,.home-feed-composer,.empty-feed-state,.event-state-panel,.dashboard-status-card,.review-panel{margin-inline:max(0px,env(safe-area-inset-left)) max(0px,env(safe-area-inset-right))}.home-feed-hero{align-items:start}.home-feed-hero h1,.section-title h2,.event-list-card h3{text-wrap:balance}.event-state-panel,.empty-feed-state,.dm-empty-inbox{padding:16px;gap:12px}.message-list{scroll-padding-bottom:96px}.message-composer{gap:8px;padding:9px max(10px,env(safe-area-inset-right)) max(9px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.message-composer textarea{line-height:1.35}.admin-workspace-nav{position:sticky;top:62px;z-index:14;grid-auto-columns:minmax(136px,.82fr);background:color-mix(in srgb,var(--surface-raised) 92%,transparent);border:1px solid color-mix(in srgb,var(--line) 76%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.admin-workspace-nav>button{min-height:48px}.dashboard-menu-grid,.operator-management-grid,.community-publishing-grid,.metric-grid{gap:9px}.dashboard-menu-grid button,.operator-management-grid button,.community-publishing-grid button,.metric-card{min-height:72px}.account-admin-row,.manager-row,.action-row{gap:8px}.manager-row button,.action-row button,.compact-button{min-height:42px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}.admin-category-panel{border-radius:20px}.admin-mode-switch{gap:6px;padding:5px;border-radius:999px;background:var(--surface-muted)}.admin-mode-switch button{min-height:42px;border-radius:999px;border:0;font-weight:850;color:var(--muted);background:transparent}.admin-mode-switch button.active{background:var(--brand);color:#fff;box-shadow:0 8px 18px #093f362e}.workspace-nav-card{border-radius:18px;padding:16px;background:radial-gradient(circle at top right,color-mix(in srgb,var(--brand) 14%,transparent),transparent 44%),var(--surface-raised);border:1px solid var(--line)}.admin-workspace-nav>button{min-height:48px;border-radius:14px;border:1px solid var(--line);background:var(--surface);color:var(--brand-strong);font-weight:800;gap:10px;padding:0 14px;justify-content:flex-start;transition:background .14s ease,border-color .14s ease,transform .14s ease}.admin-workspace-nav>button:hover,.admin-workspace-nav>button.active{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 10%,var(--surface));transform:translateY(-1px)}.admin-workspace-nav>button svg{color:var(--brand)}.operator-snapshot{gap:10px}.operator-snapshot article{padding:14px 12px;border-radius:16px;background:var(--surface-raised);box-shadow:0 6px 18px #093f360d}.operator-snapshot article.urgent{border-color:#f3c3ab;background:#fdf2ec}.operator-snapshot strong{font-size:24px;color:var(--brand-strong)}.operator-snapshot span{font-size:11.5px;letter-spacing:.01em}.operator-management-grid{gap:10px}.operator-management-grid button{min-height:78px;gap:8px;border-radius:16px;background:var(--surface-raised);border:1px solid var(--line);box-shadow:0 6px 16px #093f360a;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.operator-management-grid button:hover{transform:translateY(-2px);border-color:var(--brand);box-shadow:0 12px 26px #093f361a}.operator-management-grid button svg{width:22px;height:22px;color:var(--brand)}.operator-management-grid span{font-size:11.5px;font-weight:800}.dashboard-menu-grid{gap:10px}.dashboard-menu-grid button{border-radius:16px;border:1px solid var(--line);background:var(--surface-raised);box-shadow:0 6px 16px #093f360a;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.dashboard-menu-grid button svg{width:22px;height:22px;color:var(--brand)}.dashboard-menu-grid button span{color:var(--text);font-size:11.5px;font-weight:800}.dashboard-menu-grid button.active,.dashboard-menu-grid button:hover{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 8%,var(--surface));box-shadow:0 12px 26px #093f361a;transform:translateY(-2px)}.platform-admin-panel,.community-publishing{border-radius:20px}.image-upload-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.image-upload-field{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--surface-raised)}.image-upload-head{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:800;color:var(--brand-strong)}.image-upload-body{display:flex;align-items:center;gap:12px}.image-upload-preview{flex:0 0 auto;width:56px;height:56px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);background:var(--surface-muted);color:var(--muted)}.image-upload-preview.circle{border-radius:50%}.image-upload-preview.square{border-radius:12px}.image-upload-preview.banner{width:88px;height:48px;border-radius:10px}.image-upload-preview img{width:100%;height:100%;object-fit:cover}.image-upload-actions{display:grid;gap:4px}.image-upload-actions small{color:var(--muted);font-size:11px}@media(max-width:620px){.image-upload-row{grid-template-columns:1fr}}.landing-waitlist{display:grid;gap:10px;margin-top:6px}.waitlist-label{margin:0;font-size:14px;font-weight:700;color:var(--brand-strong)}.waitlist-form{display:flex;flex-wrap:wrap;gap:8px;max-width:520px}.waitlist-form input{flex:1 1 180px;min-height:48px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:15px}.waitlist-form input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #0f6b5824}.waitlist-form .primary-button{flex:1 1 100%;min-height:48px;border-radius:12px;font-size:15px}.waitlist-form .message-error{flex:1 1 100%;color:#b3261e;font-weight:700}.waitlist-success{display:flex;align-items:center;gap:12px;max-width:520px;padding:16px;border-radius:16px;border:1px solid color-mix(in srgb,var(--brand) 30%,var(--line));background:color-mix(in srgb,var(--brand) 8%,#fff);color:var(--brand-strong)}.waitlist-success svg{flex:0 0 auto;color:var(--brand)}.waitlist-success strong{display:block;font-size:15px}.waitlist-success span{font-size:13px;color:var(--ink-soft)}@media(min-width:620px){.waitlist-form .primary-button{flex:0 0 auto;padding:0 22px}}.event-kind-filter{display:flex;gap:6px;padding:5px;border-radius:999px;background:var(--surface-muted);border:1px solid var(--line);width:fit-content;max-width:100%}.event-kind-filter button{flex:0 0 auto;min-height:38px;padding:0 18px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-weight:800;font-size:14px}.event-kind-filter button.active{background:var(--brand);color:#fff;box-shadow:0 6px 16px #093f3629}.image-upload-field.dragging{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 8%,var(--surface-raised))}.mobile-bottom-nav{background:var(--surface-raised)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}:root[data-theme=dark] .mobile-bottom-nav{background:#12181f!important}.masjid-map-stage .map-preview-card{padding-inline:0}.masjid-map-stage .map-frame{width:100%;border-radius:14px}.event-discovery:not(.detail-route){display:grid;gap:14px}.event-discovery:not(.detail-route) .filter-panel.event-filters{display:grid!important;visibility:visible!important;height:auto!important;min-height:0!important;grid-template-columns:minmax(260px,1.6fr) repeat(4,minmax(130px,1fr));gap:10px;margin:0!important;padding:12px!important;overflow:visible!important;border:1px solid var(--line);border-radius:12px;background:var(--surface-raised)}.event-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.event-sort-control{min-height:48px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface-raised);color:var(--ink-soft);font-weight:800}.event-sort-control select{min-height:36px;border:0;background:transparent;color:var(--ink);font:inherit;outline:0}.event-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}.event-list-card{min-width:0;display:grid;grid-template-columns:minmax(150px,.45fr) minmax(0,1fr);overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--surface-raised);color:var(--ink);box-shadow:0 14px 32px #3a2a1514}.event-list-image{position:relative;min-height:100%;display:block;width:100%;padding:0;border:0;background:var(--surface-muted);color:inherit;text-align:left;cursor:zoom-in;overflow:hidden}.event-list-image img{display:block;width:100%;height:100%;min-height:220px;object-fit:cover}.event-list-image>span{position:absolute;top:10px;left:10px;max-width:calc(100% - 20px);padding:6px 9px;border-radius:999px;background:#fffaf2eb;color:var(--brand-strong);font-size:11px;font-weight:900;text-transform:uppercase}.event-list-content{min-width:0;display:grid;align-content:start;gap:10px;padding:14px}.event-list-host{display:flex;align-items:center;justify-content:space-between;gap:8px}.event-list-host>button:first-child{min-width:0;display:flex;align-items:center;gap:9px;border:0;background:transparent;color:var(--ink);text-align:left}.event-list-host strong,.event-list-host small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-list-host small{color:var(--ink-soft);font-size:12px;font-weight:750}.event-list-card h3{margin:0;color:var(--ink);font-size:clamp(20px,2vw,26px);line-height:1.12}.event-list-card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0;color:var(--ink-soft);line-height:1.45}.event-list-details{display:grid;gap:7px;color:var(--ink-soft);font-size:13px;font-weight:750}.event-list-details span{min-width:0;display:flex;align-items:center;gap:7px}.event-list-details svg{flex:0 0 auto;color:var(--brand)}.event-list-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:2px}.event-list-actions button,.event-list-actions a{min-height:40px;flex:1 1 118px}.event-list-actions .primary-button{flex-basis:150px}.event-image-zoom:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 45%,transparent);outline-offset:-3px}.modal-backdrop.event-image-preview-backdrop{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;z-index:180!important;display:grid!important;place-items:center!important;align-items:center!important;justify-content:center!important;padding:max(10px,env(safe-area-inset-top)) 12px max(10px,env(safe-area-inset-bottom));overflow:hidden!important}.event-image-preview{position:relative!important;width:min(94vw,760px);height:min(92dvh,900px);max-height:calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom));display:grid;grid-template-rows:minmax(0,1fr) auto;gap:10px;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--surface-raised);box-shadow:var(--shadow-strong);overflow:hidden;transform:none!important}.event-image-preview .modal-close-button{position:absolute;top:12px;right:12px;z-index:2;background:color-mix(in srgb,var(--surface-raised) 92%,transparent)}.event-image-preview img{width:100%;height:100%;min-height:0;object-fit:contain;border-radius:12px;background:var(--surface-muted)}.event-image-preview>div{display:grid;gap:2px;color:var(--ink);min-height:0}.event-image-preview span{color:var(--ink-soft);font-weight:750}@media(max-width:900px){.event-discovery:not(.detail-route) .filter-panel.event-filters{grid-template-columns:1fr 1fr}}@media(max-width:640px){.modal-backdrop.event-image-preview-backdrop{padding:8px!important}.event-image-preview{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);border-radius:14px;padding:10px}.event-image-preview img{border-radius:10px}.event-image-preview>div{font-size:14px}.event-discovery:not(.detail-route) .filter-panel.event-filters{position:static!important;top:auto!important;z-index:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-inline:-2px!important;padding:8px!important;overflow:visible!important}.event-discovery:not(.detail-route) .filter-panel.event-filters label,.event-discovery:not(.detail-route) .filter-panel.event-filters select{min-height:42px}.event-discovery:not(.detail-route) .filter-panel.event-filters label{grid-column:1 / -1;min-width:0;padding:0 10px}.event-discovery:not(.detail-route) .filter-panel.event-filters select{width:100%;min-width:0;padding-inline:10px;font-size:13px}.event-toolbar{align-items:stretch;gap:8px}.event-kind-filter,.event-sort-control{width:100%}.event-kind-filter{overflow-x:auto}.event-kind-filter button{flex:1 0 auto}.event-card-grid{grid-template-columns:1fr}.event-list-card{grid-template-columns:1fr;border-radius:12px}.event-list-image img{min-height:136px;max-height:164px}.event-list-content{gap:8px;padding:12px}.event-list-card h3{font-size:21px}.event-list-card p{-webkit-line-clamp:2}.event-list-actions button,.event-list-actions a{flex-basis:calc(50% - 4px)}.event-list-actions .primary-button{flex-basis:100%;order:-1}}.profile-detail.panel{gap:0!important;overflow:hidden;padding:0!important;border-radius:10px!important;background:var(--surface-raised)!important}.profile-detail .profile-banner{height:132px!important;min-height:132px!important;border-radius:0!important;background-color:color-mix(in srgb,var(--brand) 84%,#0888c9);background-size:cover;background-position:center}.profile-header-card{grid-template-columns:auto minmax(0,1fr)!important;align-items:end!important;gap:14px!important;margin:-48px 18px 0!important;padding-bottom:14px!important;border-bottom:1px solid var(--line)!important}.profile-header-card .profile-avatar.large{width:104px!important;height:104px!important;border:4px solid var(--surface-raised)!important;box-shadow:0 8px 24px #152b2324!important}.profile-main-info{min-width:0;padding-top:50px!important}.profile-main-info h2{margin:0!important;color:var(--ink)!important;font-size:clamp(24px,4.8vw,32px)!important;line-height:1.05!important;text-align:left!important}.profile-main-info p{max-width:58ch;margin:4px 0 0!important;color:var(--ink-soft)!important;text-align:left!important}.profile-main-info .profile-subline{color:var(--muted)!important;font-size:14px!important}.profile-bio{font-size:14px!important}.profile-actions{grid-column:2!important;justify-content:flex-start!important;margin-top:4px!important}.profile-actions .primary-button,.profile-actions .secondary-button{min-height:38px!important;width:auto!important;padding-inline:18px!important;border-radius:999px!important}.profile-inline-stats{display:flex!important;flex-wrap:wrap!important;gap:14px!important;margin:12px 0 0!important}.profile-inline-stats button{min-height:auto!important;display:inline-flex!important;flex-direction:row!important;align-items:baseline!important;justify-content:flex-start!important;gap:5px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--ink-soft)!important;box-shadow:none!important}.profile-inline-stats button strong{color:var(--ink)!important;font-size:15px!important}.profile-inline-stats button span{color:var(--ink-soft)!important;font-size:13px!important;font-weight:800!important}.profile-section-stack{gap:0!important;padding:0 18px 18px!important}.profile-info-block{padding:16px 0!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important}.profile-info-block:last-child{border-bottom:0!important}.profile-info-block h3{margin:0 0 7px!important;color:var(--ink)!important;font-size:17px!important;text-align:left!important}.profile-info-block p{color:var(--ink-soft)!important;font-size:14px!important;line-height:1.5!important;text-align:left!important}.profile-social.panel{display:grid;gap:14px!important;padding:18px!important;border-radius:10px!important}.favorite-masjid-card,.person-list-row{border-color:var(--line)!important;border-radius:10px!important;background:var(--surface)!important}@media(max-width:640px){.profile-detail .profile-banner{height:96px!important;min-height:96px!important}.profile-header-card{grid-template-columns:1fr!important;gap:6px!important;margin:-36px 14px 0!important;align-items:start!important;padding-bottom:12px!important}.profile-header-card .profile-avatar.large{width:78px!important;height:78px!important;border-width:3px!important;justify-self:start!important;margin-left:14px!important}.profile-main-info{padding-top:0!important;width:100%!important;justify-self:stretch!important;padding-inline:14px!important}.profile-main-info h2{font-size:22px!important}.profile-main-info p{font-size:13px!important}.profile-main-info .profile-subline{font-size:12px!important}.profile-actions{grid-column:1 / -1!important;width:100%!important;justify-self:stretch!important;justify-content:flex-start!important;padding-inline:14px!important}.profile-actions .primary-button,.profile-actions .secondary-button{min-height:38px!important;flex:0 0 auto!important;width:auto!important;inline-size:auto!important;max-width:max-content!important;min-width:136px!important;margin:0!important}.profile-inline-stats{gap:12px!important;margin-top:8px!important;justify-content:flex-start!important}.profile-section-stack{padding:0 14px 14px!important}}.org-profile-shell{overflow:hidden;padding:0!important;border-radius:12px!important;background:var(--surface-raised)!important}.org-profile-cover{height:170px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 72%,#d7efe5),color-mix(in srgb,var(--gold-soft) 54%,#fffaf0));background-size:cover;background-position:center}.org-profile-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start;padding:0 20px 16px}.org-profile-logo{width:112px;height:112px;margin-top:-48px;display:grid;place-items:center;overflow:hidden;border:4px solid var(--surface-raised);border-radius:18px;background:var(--surface);color:var(--brand-strong);font-size:26px;font-weight:950;box-shadow:0 14px 32px #21362b29}.org-profile-logo img{width:100%;height:100%;object-fit:cover}.org-profile-identity{min-width:0;padding-top:14px}.org-profile-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.org-profile-title-row h1{margin:0;color:var(--ink);font-size:clamp(25px,4vw,36px);line-height:1.05}.trust-badge{min-height:26px;display:inline-flex;align-items:center;gap:5px;padding:0 9px;border:1px solid color-mix(in srgb,var(--brand) 26%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--brand) 9%,var(--surface));color:var(--brand-strong);font-size:12px;font-weight:900}.org-profile-identity p{max-width:72ch;margin:6px 0 0;color:var(--ink-soft);line-height:1.45}.org-profile-meta,.org-profile-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.org-profile-meta span{display:inline-flex;align-items:center;gap:5px;color:var(--ink-soft);font-size:13px;font-weight:800}.org-profile-actions .primary-button,.org-profile-actions .secondary-button{min-height:38px;width:auto;border-radius:999px;padding-inline:16px}.org-profile-tabs{display:flex;gap:4px;overflow-x:auto;padding:0 20px 12px;border-top:1px solid var(--line);scrollbar-width:none}.org-profile-tabs::-webkit-scrollbar{display:none}.org-profile-tabs button{min-height:44px;flex:0 0 auto;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:var(--ink-soft);font-weight:900;padding:0 10px}.org-profile-tabs button.active{color:var(--brand-strong);border-bottom-color:var(--brand)}.org-tab-panel{padding:16px!important;border-radius:12px!important}.org-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.org-summary-card,.org-content-card,.org-event-card,.team-card,.empty-card{min-width:0;display:grid;gap:7px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink)}.org-summary-card.primary-summary{background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 10%,var(--surface)),var(--surface))}.org-summary-card span,.org-content-card span,.org-event-card span,.team-card span{color:var(--ink-soft);font-size:12px;font-weight:900}.org-summary-card strong,.empty-card strong{color:var(--ink);font-size:18px}.org-summary-card p,.org-content-card p,.org-event-card p,.team-card p,.empty-card p{margin:0;color:var(--ink-soft);line-height:1.45}.contact-summary p{font-size:13px}.org-card-list{display:grid;gap:12px}.org-content-card h3,.org-event-card h3{margin:0;color:var(--ink)}.org-event-card{grid-template-columns:minmax(110px,180px) minmax(0,1fr)}.org-event-card img,.media-card img{width:100%;max-height:170px;object-fit:cover;border-radius:10px}.org-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.org-prayer-list{display:grid;gap:8px}.org-prayer-list article{display:grid;grid-template-columns:minmax(76px,1fr) minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.org-prayer-list article.next{border-color:color-mix(in srgb,var(--brand) 36%,var(--line));background:color-mix(in srgb,var(--brand) 8%,var(--surface))}.org-prayer-list strong{color:var(--ink)}.org-prayer-list span,.org-prayer-list em{color:var(--ink-soft);font-style:normal;font-weight:800}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.team-card .profile-avatar{width:48px;height:48px}.org-edit-backdrop{z-index:160;align-items:center;padding:14px;overflow:auto}.org-edit-modal{width:min(720px,100%);max-height:calc(100dvh - 28px);overflow:auto;display:grid;gap:12px}.org-edit-modal textarea{min-height:88px}@media(max-width:700px){.org-profile-cover{height:116px}.org-profile-head{grid-template-columns:1fr;gap:8px;padding:0 14px 14px}.org-profile-logo{width:82px;height:82px;margin-top:-34px;border-radius:16px}.org-profile-identity{padding-top:0}.org-profile-title-row h1{font-size:24px}.org-profile-actions{align-items:stretch;gap:8px}.org-profile-actions .primary-button,.org-profile-actions .secondary-button{min-height:42px;flex:1 1 calc(50% - 4px);justify-content:center;padding-inline:10px}.org-profile-tabs{padding-inline:14px;padding-bottom:8px}.org-profile-tabs button{min-height:40px;font-size:13px}.org-tab-panel{padding:12px!important}.org-overview-grid,.team-grid,.org-event-card{grid-template-columns:1fr}.org-prayer-list article{grid-template-columns:1fr;gap:3px}}.server-diagnostics-panel,.server-diagnostics-content{display:grid;gap:14px}.diagnostics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.diagnostic-card{min-width:0;display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.diagnostic-group{display:grid;gap:6px;min-width:0;padding-top:8px;border-top:1px solid var(--line)}.diagnostic-group:first-of-type{border-top:0;padding-top:0}.diagnostic-group>strong{color:var(--ink);font-size:13px;overflow-wrap:anywhere}.diagnostic-row{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;padding:8px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.diagnostic-row:last-child{border-bottom:0}.diagnostic-row span{min-width:0;color:var(--ink-soft);font-size:12px;line-height:1.35;overflow-wrap:anywhere}.diagnostic-row span em{color:var(--muted);font-style:normal}.diagnostic-row b{color:var(--ink);font-size:12px;white-space:nowrap}.diagnostic-warning-list{display:grid;gap:8px}.diagnostic-warning-list p{margin:0;padding:10px 12px;border:1px solid color-mix(in srgb,#b7791f 42%,var(--line));border-radius:8px;background:color-mix(in srgb,#f6d28b 18%,var(--surface));color:var(--ink);font-weight:800}.diagnostics-copy-box{width:100%;min-height:280px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.45;white-space:pre;overflow:auto}.diagnostics-command{display:block;padding:10px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--brand) 6%,var(--surface));color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:700px){.diagnostics-grid{grid-template-columns:1fr}.diagnostic-row{grid-template-columns:1fr;gap:3px}.diagnostic-row b{white-space:normal}}@media(max-width:640px){.card-grid.two .person-card{grid-template-columns:minmax(0,1fr) 54px!important;align-items:center!important;gap:10px 12px!important;min-height:0!important}.card-grid.two .person-card .network-avatar{grid-column:2!important;grid-row:1!important;align-self:start!important}.card-grid.two .person-card .person-card-info{grid-column:1!important;grid-row:1!important;min-width:0!important;align-self:center!important}.card-grid.two .person-card .person-card-info h3{max-width:100%!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;font-size:18px!important;line-height:1.15!important}.card-grid.two .person-card .person-card-info p{display:block!important;max-width:100%!important;margin-top:4px!important;overflow:visible!important;color:var(--ink-soft)!important;font-size:13px!important;line-height:1.3!important}.card-grid.two .person-card .card-footer{grid-column:1 / -1!important;grid-row:2!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:flex-start!important;align-self:stretch!important;margin-top:4px!important}.card-grid.two .person-card .card-footer .primary-button,.card-grid.two .person-card .card-footer .secondary-button{width:auto!important;min-width:118px!important;min-height:38px!important;padding-inline:16px!important}}.quran-daily-card{display:grid;gap:14px;margin-bottom:16px;padding:18px;border:1px solid color-mix(in srgb,var(--brand) 24%,var(--line));border-radius:22px;background:radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 34%),linear-gradient(135deg,color-mix(in srgb,var(--surface-raised) 94%,#ffffff),color-mix(in srgb,var(--accent-soft) 38%,var(--surface)));box-shadow:0 16px 38px #093f361a}.quran-daily-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.quran-daily-head h2{margin:2px 0 0;color:var(--brand-strong);font-size:clamp(20px,5vw,30px);line-height:1.05}.quran-streak-chip{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;min-height:34px;padding:0 11px;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--surface) 86%,var(--accent-soft));color:var(--brand-strong);font-size:12px;font-weight:850}.quran-streak-chip.complete{border-color:color-mix(in srgb,var(--brand) 48%,var(--line));background:color-mix(in srgb,var(--brand) 10%,var(--surface))}.quran-arabic{margin:0;color:var(--brand-strong);font-family:Georgia,Times New Roman,serif;font-size:clamp(26px,8vw,42px);line-height:1.8;text-align:right}.quran-meaning{margin:0;color:var(--text);font-size:16px;line-height:1.65;font-weight:750}.quran-reflection-box{display:grid;gap:8px;color:var(--brand-strong);font-weight:850}.quran-reflection-box textarea{min-height:94px;resize:vertical;border:1px solid var(--line);border-radius:16px;padding:12px 13px;background:color-mix(in srgb,var(--surface) 92%,#fff);color:var(--text);font:inherit;line-height:1.45}.quran-daily-actions{display:flex;flex-wrap:wrap;gap:9px}.quran-daily-actions button{min-height:42px}.quran-daily-actions .primary-button.complete{background:color-mix(in srgb,var(--brand) 12%,var(--surface));color:var(--brand-strong);border:1px solid color-mix(in srgb,var(--brand) 42%,var(--line))}.quran-reader-entry,.hadith-gateway{display:grid;gap:12px;margin:18px 0}.quran-surah-picker,.quran-reader-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.quran-reader-toolbar{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;margin-bottom:14px}.quran-reader-toolbar label{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:0}.quran-surah-picker select,.quran-reader-toolbar select{width:100%;min-height:44px;border-radius:14px;border:1px solid var(--line);background:var(--surface-raised);color:var(--text);padding:0 12px;font:inherit;font-weight:800}.quran-reader-toolbar .secondary-button{min-height:44px;padding-inline:11px}.quran-reader-list{display:grid;gap:13px}.quran-ayah-card{display:grid;gap:10px;padding:17px;border:1px solid var(--line);border-radius:18px;background:var(--surface-raised);box-shadow:0 8px 22px #093f360d}.quran-ayah-number{justify-self:start;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--brand) 10%,var(--surface));color:var(--brand-strong);font-size:12px;font-weight:900}.quran-reader-arabic{margin:0;color:var(--brand-strong);font-family:Scheherazade New,Amiri,Noto Naskh Arabic,Georgia,serif;font-size:clamp(25px,7vw,38px);line-height:1.95;text-align:right}.quran-reader-english{margin:0;color:var(--text);font-size:15px;line-height:1.65}.hadith-search{display:flex;align-items:center;gap:10px;padding:0 14px;min-height:52px;border-radius:16px;border:1px solid var(--line);background:var(--surface-raised);box-shadow:0 6px 16px #093f360d}.hadith-search svg{color:var(--brand);flex:0 0 auto}.hadith-search input{flex:1;border:0;outline:0;background:transparent;font-size:15px;color:var(--text)}.hadith-search-go{border:0;background:var(--brand);color:#fff;font-weight:800;border-radius:10px;padding:0 14px;min-height:36px}.hadith-section{display:grid;gap:12px;margin-top:20px}.hadith-topics{display:flex;flex-wrap:wrap;gap:8px}.hadith-topics button{border:1px solid var(--line);background:var(--surface);color:var(--brand-strong);border-radius:999px;padding:8px 15px;font-weight:750;font-size:13.5px;transition:background .14s ease,border-color .14s ease}.hadith-topics button:hover{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 8%,var(--surface))}.hadith-collections{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.hadith-collection-card{display:grid;gap:4px;text-align:left;padding:16px 14px;border-radius:16px;border:1px solid var(--line);background:var(--surface-raised);box-shadow:0 6px 16px #093f360a;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.hadith-collection-card:hover{transform:translateY(-2px);border-color:var(--brand);box-shadow:0 12px 26px #093f361a}.hadith-collection-arabic{font-size:20px;color:var(--brand);line-height:1.4}.hadith-collection-card strong{color:var(--text);font-size:14.5px}.hadith-collection-card small{color:var(--muted);font-size:12px;font-weight:700}.hadith-list{display:grid;gap:14px;margin-top:14px}.hadith-card{display:grid;gap:10px;padding:18px;border-radius:18px;border:1px solid var(--line);background:var(--surface-raised);box-shadow:0 8px 22px #093f360d}.hadith-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.hadith-ref-chip{padding:4px 11px;border-radius:999px;background:color-mix(in srgb,var(--brand) 12%,var(--surface));color:var(--brand-strong);font-weight:850;font-size:12px}.hadith-grade{color:var(--muted);font-size:12px;font-weight:700}.hadith-arabic{margin:0;font-size:21px;line-height:2.15;text-align:right;color:var(--ink);font-family:Scheherazade New,Amiri,Noto Naskh Arabic,serif}.hadith-narrator{margin:0;font-weight:800;color:var(--brand-strong);font-size:14px}.hadith-english{margin:0;line-height:1.65;color:var(--text);font-size:15px}.hadith-chapter{margin:0;color:var(--muted);font-size:12.5px;font-style:italic}.hadith-card-actions{display:flex;gap:8px;padding-top:4px;border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent);margin-top:2px}.hadith-card-actions button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--muted);font-weight:800;font-size:13.5px;padding:8px 6px}.hadith-card-actions button.active{color:var(--brand)}.hadith-card-actions button:hover{color:var(--brand-strong)}.hadith-card.skeleton span{display:block;height:14px;border-radius:7px;background:linear-gradient(90deg,var(--surface-muted),var(--line),var(--surface-muted));background-size:200% 100%;animation:mujtama-shimmer 1.3s infinite}.hadith-card.skeleton span:first-child{width:40%}.hadith-card.skeleton span:nth-child(2){height:40px}.hadith-coming-soon{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hadith-soon-tile{display:grid;gap:3px;padding:14px;border-radius:16px;border:1px dashed var(--line);background:color-mix(in srgb,var(--surface) 60%,transparent);opacity:.85}.hadith-soon-tile strong{color:var(--brand-strong);font-size:14px}.hadith-soon-tile span{color:var(--muted);font-size:12px}@keyframes mujtama-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:420px){.quran-surah-picker,.quran-reader-toolbar{grid-template-columns:1fr}.quran-reader-toolbar .secondary-button{justify-content:center}}.chat-bubble{position:relative}.message-actions{position:absolute;bottom:calc(100% + 6px);left:0;z-index:6;display:flex;flex-direction:column;gap:6px;margin:0;padding:8px;min-width:210px;border-radius:18px;background:var(--surface-raised);border:1px solid var(--line);box-shadow:0 16px 42px #0928223d;opacity:0;visibility:hidden;transform:translateY(6px) scale(.96);transition:opacity .14s ease,transform .14s ease,visibility .14s ease}.chat-line.sent .message-actions{left:auto;right:0}.chat-bubble.action-open .message-actions{opacity:1;visibility:visible;transform:none}@media(hover:hover){.chat-bubble:hover .message-actions,.chat-bubble:focus-within .message-actions{opacity:1;visibility:visible;transform:none}}.message-actions .reaction-picker{display:flex;gap:2px;justify-content:space-between}.message-actions .reaction-action{border:0;background:transparent;color:inherit;font-size:21px;line-height:1;min-width:36px;min-height:36px;border-radius:50%;padding:0;transition:transform .12s ease,background .12s ease}.message-actions .reaction-action:hover{transform:scale(1.25) translateY(-2px);background:var(--surface-muted)}.message-action-row{display:flex;gap:4px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:6px}.message-action-row button{border:0!important;background:transparent!important;color:var(--brand-strong)!important;font-size:13px!important;font-weight:800;padding:7px 11px!important;border-radius:9px;min-height:34px}.message-action-row button:hover{background:var(--surface-muted)!important}.dm-action-scrim{position:fixed;inset:0;z-index:5;background:transparent;border:0}.chat-line.sent .chat-bubble small{opacity:.85}.delete-account-modal{width:min(440px,100%);display:grid;gap:12px;padding:22px;border-radius:20px}.delete-account-modal h2{margin:0;color:var(--brand-strong)}.delete-account-modal p{margin:0;color:var(--muted);line-height:1.5}.delete-confirm-field{display:grid;gap:6px;font-weight:700;font-size:13px}.delete-confirm-field input{min-height:46px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);font-size:15px}.delete-account-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.delete-account-actions button{flex:1;min-height:46px}.primary-button.danger{background:#b3261e;border-color:#b3261e}.primary-button.danger:hover{background:#8f1d17;border-color:#8f1d17}.profile-safety-menu{position:relative;display:inline-flex}.safety-trigger{background:var(--surface-muted);border:1px solid var(--line, var(--border));border-radius:999px}.safety-popover{position:absolute;top:calc(100% + 6px);right:0;z-index:6;min-width:176px;display:flex;flex-direction:column;padding:6px;gap:2px;background:var(--surface);border:1px solid var(--line, var(--border));border-radius:14px;box-shadow:0 18px 40px #0000002e}.safety-popover button{text-align:left;padding:10px 12px;border-radius:10px;background:transparent;border:0;font-weight:800;font-size:14px;color:var(--ink, var(--text))}.safety-popover button:hover{background:var(--surface-muted)}.safety-popover button.danger{color:#d64545}.profile-safety-message{margin:10px 16px 0}.dm-report-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.dm-report-head strong{font-size:16px}.report-reason-chips{display:flex;flex-wrap:wrap;gap:8px}.report-reason-chips button{min-height:36px;padding:0 12px;border:1px solid var(--line, var(--border));border-radius:999px;background:var(--surface-muted);color:var(--ink-soft, var(--muted));font-size:12px;font-weight:900}.report-reason-chips button.active{border-color:color-mix(in srgb,var(--brand) 64%,var(--line, #d8e2df));background:color-mix(in srgb,var(--brand) 12%,var(--surface));color:var(--brand-strong, var(--brand))}.blocked-user-list{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:4px}.blocked-user-item{display:flex;align-items:center;justify-content:space-between;gap:10px}.blocked-user-identity{display:flex;align-items:center;gap:10px;min-width:0}.blocked-user-identity span{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-avatar.tiny{width:32px;height:32px;font-size:12px}.profile-avatar.tiny img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.reports-filter-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.reports-filter-chips button{min-height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--line, var(--border));background:var(--surface-muted);color:var(--ink-soft, var(--muted));font-size:12px;font-weight:900}.reports-filter-chips button.active{border-color:color-mix(in srgb,var(--brand) 64%,var(--line, #d8e2df));background:color-mix(in srgb,var(--brand) 12%,var(--surface));color:var(--brand-strong, var(--brand))}.reports-list{display:flex;flex-direction:column;gap:12px}.report-card{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--line, var(--border));border-radius:16px;background:var(--surface)}.report-card-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.report-status-pill{font-size:11px;font-weight:900;letter-spacing:.02em;padding:3px 9px;border-radius:999px;text-transform:uppercase;background:var(--surface-muted);color:var(--ink-soft, var(--muted))}.report-status-pill.status-pending{background:#fef3c7;color:#92400e}.report-status-pill.status-reviewed{background:#dbeafe;color:#1e40af}.report-status-pill.status-actioned{background:#dcfce7;color:#166534}.report-status-pill.status-dismissed{background:var(--surface-muted);color:var(--muted)}.report-type-tag{font-size:11px;font-weight:800;color:var(--muted)}.report-time{margin-left:auto;font-size:11px;color:var(--muted)}.report-reason{font-size:15px}.report-details{margin:0;font-size:13px;color:var(--ink-soft, var(--muted));white-space:pre-wrap}.report-meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:12px;color:var(--muted)}.report-meta .link-button{background:none;border:0;padding:0;font-weight:800;color:var(--brand-strong, var(--brand));text-decoration:underline;cursor:pointer}.report-actions{display:flex;flex-wrap:wrap;gap:8px}