:root{--qannects-brand:#209fa6;--qannects-brand-strong:#08736d;--qannects-brand-soft:#dff3f4;--qannects-focus:#73cbd0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#172326;font-synthesis:none;background:#f4f7f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--qannects-focus);outline-offset:3px}.web-shell{background:#f4f7f7;min-height:100vh}.public-entry-shell{background-color:#f8faf9;background-image:url(/qannects-community-hero.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;min-height:100svh;display:flex}.public-entry-header{z-index:10;background:0 0;justify-content:space-between;align-items:center;gap:2rem;width:min(100% - 2.5rem,88rem);min-height:4.75rem;margin:0 auto;display:flex;position:relative}.public-brand{align-items:center;width:max-content;display:inline-flex}.public-brand img{object-fit:contain;width:8.6rem;height:auto}.public-header-actions{justify-content:flex-end;align-items:center;gap:.55rem;display:flex}.public-login-button,.public-create-button,.public-hero-primary{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:.45rem;min-height:2.55rem;padding:.55rem .95rem;font-size:.78rem;font-weight:750;text-decoration:none;display:inline-flex}.public-login-button{color:#21363a;background:#fff;border:1px solid #bed0d1}.public-create-button,.public-hero-primary{border:1px solid var(--qannects-brand-strong);background:var(--qannects-brand-strong);color:#fff}.public-login-button:hover{background:#f2f7f7;border-color:#8da8aa}.public-create-button:hover,.public-hero-primary:hover{background:#065d59;border-color:#065d59}.public-login-button:disabled,.public-create-button:disabled,.public-hero-primary:disabled{cursor:wait;opacity:.68}.public-header-link{color:#31484c;text-shadow:0 1px 10px #ffffffeb;align-items:center;gap:.4rem;min-height:2.55rem;padding:.35rem .2rem;font-size:.76rem;font-weight:750;text-decoration:none;display:inline-flex}.public-header-link:hover{color:var(--qannects-brand-strong)}.public-entry-main{background:0 0;flex:1;align-items:center;min-height:calc(100svh - 4.75rem);padding:3.5rem max(2rem,50vw - 43rem);display:flex;position:relative;overflow:hidden}.public-hero-copy{z-index:5;align-self:center;width:min(43%,32rem);min-width:0;position:relative}.public-hero-copy h1{color:var(--qannects-brand-strong);letter-spacing:0;margin:0;font-size:.92rem;font-weight:800}.public-hero-headline{color:#132328;letter-spacing:0;max-width:12ch;margin:.85rem 0 0;font-size:3.65rem;font-weight:780;line-height:1.04}.public-hero-headline strong{color:#15949b;font-weight:780;display:block}.public-hero-description{color:#4f6266;max-width:31rem;margin:1.35rem 0 0;font-size:.98rem;line-height:1.65}.public-hero-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.65rem;display:flex}.public-hero-primary{min-height:3rem;padding:.65rem 1.15rem;font-size:.84rem}.public-account-status{color:#607174;align-items:center;gap:.4rem;min-height:1.3rem;margin:.75rem 0 0;font-size:.74rem;display:inline-flex}.public-account-status.is-idle{visibility:hidden}.public-entry-alert{margin:.35rem 0 0}.public-utility-links{flex-wrap:wrap;align-items:center;gap:.85rem;min-height:1.5rem;margin-top:.35rem;display:flex}.public-utility-links a{color:#52686b;font-size:.72rem;font-weight:650;text-decoration:none}.public-utility-links a:hover{color:var(--qannects-brand-strong);text-underline-offset:.2rem;text-decoration:underline}.web-header{background:#fff;border-bottom:1px solid #dbe3e3;justify-content:space-between;align-items:center;gap:1rem;min-height:4.3rem;padding:.65rem clamp(1rem,4vw,3.5rem);display:flex}.web-brand{color:#172326;align-items:center;gap:.65rem;text-decoration:none;display:inline-flex}.web-brand img{object-fit:cover;border-radius:6px;width:2.4rem;height:2.4rem}.web-brand strong{font-size:1.08rem}.web-account-actions{align-items:center;gap:.6rem;min-width:0;display:flex}.workspace-link{color:#314145;background:#fff;border:1px solid #ced8d8;border-radius:5px;justify-content:center;align-items:center;gap:.5rem;min-height:2.55rem;padding:.5rem .8rem;font-size:.84rem;font-weight:700;text-decoration:none;display:inline-flex}.web-user{align-items:center;gap:.5rem;min-width:0;display:flex}.web-user>span{color:#fff;background:#304950;border-radius:50%;flex:none;place-items:center;width:2rem;height:2rem;font-size:.75rem;font-weight:750;display:inline-grid}.web-user strong{text-overflow:ellipsis;white-space:nowrap;max-width:11rem;font-size:.82rem;overflow:hidden}.web-icon-button{color:#465558;cursor:pointer;background:#fff;border:1px solid #d5dddd;border-radius:5px;place-items:center;width:2.4rem;height:2.4rem;min-height:0;padding:0;display:inline-grid}.web-alert{color:#a33838;max-width:30rem;margin:1rem 0 0;font-size:.82rem}.main-home-shell{color:#19282b;background:#edf2f2;min-height:100svh}.main-home-topbar{z-index:50;background:#fffffffa;border-bottom:1px solid #d9e1e1;position:sticky;top:0;box-shadow:0 3px 14px #1e34370d}.main-topbar-inner{grid-template-columns:11.5rem minmax(31rem,1fr) minmax(16rem,auto);align-items:center;gap:1rem;width:min(100% - 2rem,90rem);min-height:4.5rem;margin:0 auto;display:grid}.main-brand{color:#172629;align-items:center;gap:.65rem;width:max-content;text-decoration:none;display:inline-flex}.main-brand img{object-fit:contain;width:8.55rem;height:auto;display:block}.main-primary-tabs{background:#f4f7f7;border:1px solid #dce4e4;border-radius:8px;place-self:center;align-items:center;gap:.2rem;width:max-content;min-width:0;max-width:100%;padding:.25rem;display:flex}.main-primary-tabs button{color:#566568;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:.42rem;min-height:2.35rem;padding:.45rem .8rem;font-size:.78rem;font-weight:720;display:inline-flex}.main-primary-tabs button.active{border-color:var(--qannects-brand);background:var(--qannects-brand);color:#172326;box-shadow:0 2px 7px #195b5f2e}.main-topbar-actions{justify-content:flex-end;align-items:center;gap:.5rem;min-width:0;display:flex}.main-search-trigger,.main-icon-button,.main-account-button,.main-workspace-link{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;min-height:2.55rem;text-decoration:none;display:inline-flex;position:relative}.main-search-trigger{color:#59696c;background:#f7f9f9;border:1px solid #d5dede;gap:.45rem;padding:0 .55rem 0 .7rem;font-size:.75rem}.main-search-trigger kbd{color:#7c898b;background:#fff;border:1px solid #d5dede;border-bottom-width:2px;border-radius:4px;place-items:center;width:1.4rem;height:1.35rem;font-family:inherit;font-size:.65rem;display:inline-grid}.main-icon-button,.main-account-button{color:#425256;background:#fff;border:1px solid #d5dede;flex:0 0 2.55rem;width:2.55rem;padding:0}.main-search-trigger:hover,.main-icon-button:hover,.main-account-button:hover{color:var(--qannects-brand-strong);background:#f0f7f6;border-color:#9ebcbc}.main-workspace-link{color:#304246;background:#fff;border:1px solid #cad6d6;gap:.45rem;padding:.55rem .8rem;font-size:.8rem;font-weight:760}.main-workspace-link:hover{background:#f2f8f7;border-color:#92b5b4}.main-account-button>span{color:#fff;background:#283f45;border-radius:50%;place-items:center;width:1.8rem;height:1.8rem;font-size:.76rem;font-weight:800;display:inline-grid}.notification-dot{background:#db3f4c;border:2px solid #fff;border-radius:50%;width:.45rem;height:.45rem;position:absolute;top:.48rem;right:.48rem}.main-home-grid{grid-template-columns:14.25rem minmax(0,1fr);align-items:start;gap:clamp(1.25rem,2.5vw,2rem);width:min(100% - 2rem,90rem);margin:0 auto;padding:1.15rem 0 4rem;display:grid}.main-home-grid.with-context{grid-template-columns:14.25rem minmax(30rem,42rem) minmax(16rem,19rem);justify-content:space-between}.main-sidebar,.main-context-rail{position:sticky;top:5.75rem}.main-sidebar{background:#f9fbfb;border:1px solid #d9e2e2;border-radius:8px;flex-direction:column;height:calc(100svh - 7.25rem);min-height:31rem;padding:.75rem;display:flex;overflow:hidden;box-shadow:0 5px 18px #1b30330b}.main-sidebar-context{border-bottom:1px solid #dce4e4;grid-template-columns:2.55rem minmax(0,1fr) 2rem;align-items:center;gap:.65rem;min-width:0;padding:0 0 .8rem;display:grid}.main-sidebar-context-icon{background:var(--qannects-brand-soft);width:2.55rem;height:2.55rem;color:var(--qannects-brand-strong);border:1px solid #a8d6d3;border-radius:7px;place-items:center;display:inline-grid}.main-sidebar-context>div{gap:.1rem;min-width:0;display:grid}.main-sidebar-context strong,.main-sidebar-context>div>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.main-sidebar-context strong{color:#25383b;font-size:.86rem}.main-sidebar-context>div>span{color:#798689;font-size:.68rem}.main-sidebar-context>button{color:#758285;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;width:2rem;height:2rem;padding:0;display:inline-grid}.main-sidebar-context>button:hover{color:var(--qannects-brand-strong);background:#e9efef}.main-sidebar-scroll{scrollbar-color:#c4d1d1 transparent;scrollbar-width:thin;min-height:0;padding-top:.85rem;padding-right:.25rem;overflow:hidden auto}.main-sidebar-group+.main-sidebar-group{border-top:1px solid #d9e1e1;margin-top:1.15rem;padding-top:1rem}.main-sidebar-group h2{color:#829092;letter-spacing:0;text-transform:uppercase;margin:0 0 .45rem;padding:0 .72rem;font-size:.68rem;font-weight:760}.main-sidebar-nav{gap:.25rem;display:grid}.main-sidebar-nav button{color:#415155;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:.8rem;width:100%;min-height:2.85rem;padding:.6rem .75rem;font-weight:680;display:flex}.main-sidebar-nav button:hover{color:#203235;background:#e9efef}.main-sidebar-nav button.active{color:#076c67;box-shadow:inset 3px 0 0 var(--qannects-brand);background:#dff1ef;border-color:#9ccfcd}.main-sidebar-nav.secondary button{min-height:2.6rem;font-size:.85rem}.main-sidebar-divider{background:#d9e1e1;height:1px;margin:.9rem 0}.main-sidebar-account{border-top:1px solid #d9e1e1;flex:none;grid-template-columns:2.15rem minmax(0,1fr) 2rem;align-items:center;gap:.65rem;min-width:0;margin-top:1rem;padding:.8rem .15rem 0;display:grid}.main-avatar{color:#fff;background:#29464d;border-radius:50%;flex:0 0 2.35rem;place-items:center;width:2.35rem;height:2.35rem;font-size:.78rem;font-weight:800;display:inline-grid}.main-sidebar-account>div:nth-child(2){gap:.12rem;min-width:0;display:grid}.main-sidebar-account strong,.main-sidebar-account span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.main-sidebar-account span{color:#69777a;font-size:.7rem}.main-sidebar-account>button{color:#69777a;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;width:2rem;height:2rem;padding:0;display:inline-grid}.main-sidebar-account>button:hover{color:#9f333b;background:#e6ecec}.main-feed{min-width:0}.main-feed-heading{justify-content:space-between;align-items:flex-start;gap:1rem;min-height:3.75rem;margin-bottom:1rem;display:flex}.main-feed-heading>div{min-width:0}.main-feed-heading span{color:var(--qannects-brand-strong);text-transform:uppercase;font-size:.72rem;font-weight:800}.main-feed-heading h1{color:#18282b;letter-spacing:0;margin:.3rem 0 0;font-size:1.65rem;line-height:1.2}.main-filter-button{color:#4e5e61;cursor:pointer;background:#fff;border:1px solid #d3dddd;border-radius:6px;place-items:center;width:2.5rem;height:2.5rem;padding:0;display:inline-grid}.main-session-alert{background:#fff5f5;border:1px solid #efc8cb;border-radius:6px;max-width:none;margin:0 0 1rem;padding:.7rem .8rem}.post-composer{background:#fff;border:1px solid #d7e0e0;border-radius:8px;grid-template-columns:2.35rem minmax(0,1fr) auto;align-items:center;gap:.7rem;min-width:0;padding:.85rem;display:grid;box-shadow:0 6px 18px #1b303311}.composer-prompt{color:#697679;cursor:pointer;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:#f4f7f7;border:1px solid #d9e1e1;border-radius:6px;min-width:0;min-height:2.6rem;padding:.55rem .8rem;overflow:hidden}.composer-prompt:hover{color:#34474a;background:#eef4f3}.composer-actions{align-items:center;gap:.35rem;display:flex}.composer-actions button,.feed-post-header>button{color:#607073;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;width:2.35rem;height:2.35rem;padding:0;display:inline-grid}.composer-actions button:hover,.feed-post-header>button:hover{color:var(--qannects-brand-strong);background:#edf3f2}.feed-view-tabs{border-bottom:1px solid #d7e0e0;gap:1.5rem;min-width:0;margin-top:1.15rem;display:flex}.feed-view-tabs button{color:#657477;cursor:pointer;background:0 0;border:0;min-height:2.65rem;padding:0 .15rem;font-size:.82rem;font-weight:700;position:relative}.feed-view-tabs button.active{color:#172a2d}.feed-view-tabs button.active:after{background:var(--qannects-brand);content:"";border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:0;right:0}.feed-posts{gap:1rem;margin-top:1rem;display:grid}.feed-post{background:#fff;border:1px solid #d7e0e0;border-radius:8px;overflow:hidden;box-shadow:0 7px 22px #1b30330f}.feed-post-header{grid-template-columns:2.65rem minmax(0,1fr) 2.35rem;align-items:center;gap:.65rem;min-width:0;padding:.85rem .95rem .65rem;display:grid}.post-author-mark{border-radius:50%;place-items:center;width:2.65rem;height:2.65rem;display:inline-grid;overflow:hidden}.post-author-mark img{object-fit:cover;width:100%;height:100%}.brand-author-mark{background:#fff;border:1px solid #cfe0e0}.masjid-author-mark{background:#ddf1ee;border:1px solid #c5dbd8}.masjid-author-mark img{object-fit:contain;opacity:.7;width:68%;height:68%}.post-author-copy{gap:.18rem;min-width:0;display:grid}.post-author-copy strong,.post-author-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.post-author-copy strong{color:#223235;font-size:.86rem}.post-author-copy span{color:#758184;font-size:.72rem}.feed-post-copy p{color:#34464a;margin:0;font-size:.89rem;line-height:1.55}.feed-post-media{background:#f3f5f4;border-top:1px solid #e0e6e6;border-bottom:1px solid #e0e6e6}.feed-post-media>img{aspect-ratio:16/9;object-fit:cover;object-position:center 48%;width:100%;display:block}.media-caption{background:#f8faf9;grid-template-columns:minmax(0,1fr) auto;gap:.25rem 1rem;min-width:0;padding:.8rem .95rem;display:grid}.media-caption>span,.media-caption>strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-caption>span{color:#7b704c;text-transform:uppercase;font-size:.68rem;font-weight:800}.media-caption>strong{color:#28383b;grid-column:1;font-size:.85rem}.media-caption>button{color:#355054;cursor:pointer;background:#fff;border:1px solid #c8d4d3;border-radius:5px;grid-area:1/2/span 2;align-self:center;align-items:center;gap:.25rem;min-height:2.2rem;padding:.45rem .65rem;font-size:.74rem;font-weight:740;display:inline-flex}.feed-post-actions{grid-template-columns:repeat(3,minmax(0,1fr)) 2.75rem;gap:.25rem;padding:.55rem .7rem;display:grid}.feed-post-engagement{color:#788487;border-bottom:1px solid #e5ebeb;justify-content:flex-end;align-items:center;gap:.75rem;min-height:2.3rem;padding:.45rem .85rem;font-size:.68rem;display:flex}.feed-post-engagement span:first-child{color:var(--qannects-brand-strong);align-items:center;gap:.25rem;margin-right:auto;font-weight:740;display:inline-flex}.feed-post-actions button{color:#536367;cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:.4rem;min-width:0;min-height:2.4rem;padding:.4rem;font-size:.76rem;font-weight:680;display:inline-flex}.feed-post-actions button:hover{color:var(--qannects-brand-strong);background:#edf4f3}.feed-post-actions .save-post{width:2.6rem;padding:0}.post-event-row{color:#586238;background:#f8f9f0;border:1px solid #dce2ce;border-radius:6px;grid-template-columns:2rem minmax(0,1fr) 1.25rem;align-items:center;gap:.65rem;margin:0 .95rem .85rem;padding:.75rem;display:grid}.post-event-row>svg:first-child{justify-self:center}.post-event-row>div{gap:.15rem;min-width:0;display:grid}.post-event-row strong,.post-event-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.post-event-row strong{color:#394226;font-size:.82rem}.post-event-row span{color:#737b5c;font-size:.72rem}.main-context-rail{scrollbar-color:#c4d1d1 transparent;scrollbar-width:thin;gap:1rem;max-height:calc(100svh - 7.25rem);padding-right:.2rem;display:grid;overflow:hidden auto}.local-masjid-panel,.community-shortcuts,.upcoming-community-panel{background:#fff;border:1px solid #d7e0e0;border-radius:8px;overflow:hidden;box-shadow:0 5px 18px #1b30330d}.local-masjid-panel>header,.community-shortcuts>header,.upcoming-community-panel>header{border-bottom:1px solid #e0e6e6;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem;display:flex}.local-masjid-panel>header>div{gap:.2rem;min-width:0;display:grid}.local-masjid-panel>header span{color:var(--qannects-brand-strong);text-transform:uppercase;font-size:.67rem;font-weight:800}.local-masjid-panel h2,.community-shortcuts h2,.upcoming-community-panel h2{color:#223336;letter-spacing:0;margin:0;font-size:.92rem}.local-masjid-panel>header>button,.community-shortcuts>header>button{color:var(--qannects-brand-strong);cursor:pointer;background:0 0;border:0}.local-masjid-panel>header>button{border-radius:5px;place-items:center;width:2rem;height:2rem;padding:0;display:inline-grid}.local-masjid-location{grid-template-columns:3.25rem minmax(0,1fr);align-items:center;gap:.7rem;padding:.85rem;display:grid}.local-masjid-icon{background:#dff1ef;border:1px solid #bad7d3;border-radius:7px;place-items:center;width:3.25rem;height:3.25rem;display:inline-grid}.local-masjid-icon img{object-fit:contain;opacity:.68;width:72%;height:72%}.local-masjid-location>div:last-child{gap:.35rem;min-width:0;display:grid}.local-masjid-location span{color:#6e7c7f;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.3rem;min-width:0;font-size:.72rem;display:flex;overflow:hidden}.local-masjid-location button{color:#245f62;cursor:pointer;background:0 0;border:0;width:max-content;padding:0;font-size:.78rem;font-weight:760}.next-prayer{color:#fff;background:#203f46;border-radius:6px;justify-content:space-between;align-items:center;gap:.75rem;margin:0 .85rem;padding:.75rem;display:flex}.next-prayer>div{gap:.2rem;display:grid}.next-prayer>div:last-child{grid-template-columns:auto auto;align-items:center;gap:.4rem}.next-prayer span{color:#bcd5d5;font-size:.68rem;font-weight:700}.next-prayer strong{font-size:.8rem}.prayer-list{padding:.65rem .85rem .8rem;display:grid}.prayer-list>div{color:#5e6d70;border-bottom:1px solid #edf0f0;justify-content:space-between;align-items:center;gap:1rem;min-height:1.9rem;font-size:.74rem;display:flex}.prayer-list>div:last-child{border-bottom:0}.prayer-list strong{color:#334548;font-size:.72rem}.community-shortcuts>header>button{padding:0;font-size:.7rem;font-weight:740}.community-shortcuts>button{color:#485a5d;cursor:pointer;text-align:left;background:#fff;border:0;border-bottom:1px solid #e7ecec;grid-template-columns:2.35rem minmax(0,1fr) 1.1rem;align-items:center;gap:.65rem;width:100%;min-width:0;padding:.7rem .85rem;display:grid}.community-shortcuts>button:last-child{border-bottom:0}.community-shortcuts>button:hover{background:#f4f7f7}.upcoming-community-panel>header>div{gap:.15rem;min-width:0;display:grid}.upcoming-community-panel>header span{color:var(--qannects-brand-strong);text-transform:uppercase;font-size:.66rem;font-weight:800}.upcoming-community-panel>header>button{color:var(--qannects-brand-strong);cursor:pointer;background:0 0;border:0;padding:0;font-size:.7rem;font-weight:740}.upcoming-community-panel>button{color:#485a5d;cursor:pointer;text-align:left;background:#fff;border:0;border-bottom:1px solid #e7ecec;grid-template-columns:2.4rem minmax(0,1fr) 1rem;align-items:center;gap:.65rem;width:100%;min-width:0;padding:.7rem .85rem;display:grid}.upcoming-community-panel>button:last-child{border-bottom:0}.upcoming-community-panel>button:hover{background:#f4f8f7}.upcoming-date{color:#6f6224;background:#faf7e7;border:1px solid #d9cf9b;border-radius:6px;align-content:center;justify-items:center;width:2.4rem;height:2.7rem;display:grid}.upcoming-date strong{font-size:.8rem}.upcoming-date span{text-transform:uppercase;font-size:.6rem}.upcoming-copy{gap:.14rem;min-width:0;display:grid}.upcoming-title,.upcoming-meta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.upcoming-title{color:#314245;font-size:.76rem}.upcoming-meta{color:#788487;font-size:.66rem}.shortcut-icon{border-radius:6px;place-items:center;width:2.35rem;height:2.35rem;display:inline-grid}.event-icon{color:#776a22;background:#f2edcf}.people-icon{color:#3e607b;background:#dce8f2}.community-shortcuts>button>span:nth-child(2){gap:.17rem;min-width:0;display:grid}.community-shortcuts strong,.community-shortcuts small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.community-shortcuts strong{color:#314245;font-size:.77rem}.community-shortcuts small{color:#768285;font-size:.68rem}.main-rail-footer{color:#7b8789;flex-wrap:wrap;gap:.45rem .8rem;padding:0 .2rem;font-size:.67rem;display:flex}.main-rail-footer a{color:#637174;text-decoration:none}.main-mobile-nav,.main-compact-section-nav{display:none}.main-section{min-width:0}.main-section-heading{justify-content:space-between;align-items:center;gap:1rem;min-height:3.75rem;margin-bottom:1.15rem;display:flex}.main-section-heading>div{min-width:0}.main-section-heading span{color:var(--qannects-brand-strong);text-transform:uppercase;font-size:.72rem;font-weight:800}.main-section-heading h1{color:#18282b;letter-spacing:0;margin:.25rem 0 0;font-size:1.65rem;line-height:1.2}.main-section-primary{border:1px solid var(--qannects-brand);background:var(--qannects-brand);color:#172326;cursor:pointer;border-radius:6px;flex:none;justify-content:center;align-items:center;gap:.45rem;min-height:2.55rem;padding:.55rem .8rem;font-size:.8rem;font-weight:760;display:inline-flex}.main-section-primary:hover{border-color:var(--qannects-brand-strong);background:var(--qannects-brand-strong);color:#fff}.section-preview-panel,.masjid-profile-strip,.conversation-preview-list,.message-thread-preview,.profile-preview-header{background:#fff;border:1px solid #d7e0e0;border-radius:8px;box-shadow:0 7px 22px #1b30330e}.section-preview-panel{overflow:hidden}.section-preview-header{border-bottom:1px solid #e1e7e7;justify-content:space-between;align-items:center;gap:1rem;min-height:4rem;padding:.8rem .95rem;display:flex}.section-preview-header>div{gap:.15rem;min-width:0;display:grid}.section-preview-header h2{color:#243639;letter-spacing:0;margin:0;font-size:.94rem}.section-preview-header span{color:#778487;font-size:.7rem}.section-preview-header>button{width:2.2rem;height:2.2rem;color:var(--qannects-brand-strong);cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;padding:0;display:inline-grid}.section-preview-header>button:hover{background:var(--qannects-brand-soft)}.activity-preview-list,.nearby-preview-list{display:grid}.activity-preview-list>button,.nearby-preview-list>button{color:#415256;cursor:pointer;text-align:left;background:#fff;border:0;border-bottom:1px solid #e7ecec;grid-template-columns:2.45rem minmax(0,1fr) 1.2rem;align-items:center;gap:.75rem;width:100%;min-width:0;padding:.8rem .95rem;display:grid}.activity-preview-list>button:last-child,.nearby-preview-list>button:last-child{border-bottom:0}.activity-preview-list>button:hover,.nearby-preview-list>button:hover{background:#f4f8f7}.preview-row-icon,.mini-masjid-mark{background:var(--qannects-brand-soft);width:2.45rem;height:2.45rem;color:var(--qannects-brand-strong);border-radius:6px;place-items:center;display:inline-grid}.activity-preview-list>button:nth-child(2) .preview-row-icon{color:#756624;background:#f7f1d9}.activity-preview-list>button:nth-child(3) .preview-row-icon{color:#3f637f;background:#e2ecf4}.activity-preview-list>button>span:nth-child(2),.nearby-preview-list>button>span:nth-child(2){gap:.15rem;min-width:0;display:grid}.activity-preview-list strong,.activity-preview-list small,.nearby-preview-list strong,.nearby-preview-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.activity-preview-list strong,.nearby-preview-list strong{color:#2f4144;font-size:.81rem}.activity-preview-list small,.nearby-preview-list small{color:#788588;font-size:.7rem}.masjid-section-preview,.profile-section-preview,.watch-section-preview{gap:1rem;display:grid}.masjid-profile-strip{grid-template-columns:3.25rem minmax(0,1fr) auto;align-items:center;gap:.85rem;min-width:0;padding:.95rem;display:grid}.masjid-profile-strip>div:nth-child(2){gap:.15rem;min-width:0;display:grid}.masjid-profile-strip span{color:var(--qannects-brand-strong);text-transform:uppercase;font-size:.67rem;font-weight:800}.masjid-profile-strip h2,.masjid-profile-strip p{margin:0}.masjid-profile-strip h2{color:#26383b;letter-spacing:0;font-size:1rem}.masjid-profile-strip p{color:#718083;align-items:center;gap:.25rem;font-size:.72rem;display:flex}.masjid-profile-strip>button,.profile-preview-header>button{color:#315156;cursor:pointer;background:#fff;border:1px solid #bdd1d1;border-radius:5px;min-height:2.35rem;padding:.45rem .7rem;font-size:.74rem;font-weight:740}.masjid-profile-strip>button:hover,.profile-preview-header>button:hover{border-color:var(--qannects-brand);background:var(--qannects-brand-soft)}.masjid-preview-grid{grid-template-columns:minmax(18rem,.85fr) minmax(20rem,1.15fr);gap:1rem;display:grid}.section-preview-header>svg{color:var(--qannects-brand)}.preview-prayer-list{padding:.45rem .95rem .7rem;display:grid}.preview-prayer-list>div{color:#596a6d;border-bottom:1px solid #edf1f1;justify-content:space-between;align-items:center;gap:1rem;min-height:2.4rem;font-size:.78rem;display:flex}.preview-prayer-list>div:last-child{border-bottom:0}.preview-prayer-list strong{color:#30464a;font-size:.76rem}.messages-section-preview{grid-template-columns:minmax(17rem,.8fr) minmax(24rem,1.2fr);gap:1rem;min-height:34rem;display:grid}.conversation-preview-list{overflow:hidden}.conversation-search{color:#718083;background:#f5f8f8;border:1px solid #d8e1e1;border-radius:6px;align-items:center;gap:.55rem;min-height:2.65rem;margin:.75rem;padding:.55rem .7rem;font-size:.76rem;display:flex}.conversation-preview-list>button{color:#334649;cursor:pointer;text-align:left;background:#fff;border:0;border-top:1px solid #e7ecec;grid-template-columns:2.55rem minmax(0,1fr) auto;align-items:center;gap:.65rem;width:100%;min-width:0;min-height:4.4rem;padding:.65rem .75rem;display:grid}.conversation-preview-list>button:hover,.conversation-preview-list>button.active{background:#edf7f6}.conversation-preview-list>button.active{box-shadow:inset 3px 0 0 var(--qannects-brand)}.conversation-avatar{background:var(--qannects-brand);color:#172326;border-radius:50%;place-items:center;width:2.55rem;height:2.55rem;font-size:.78rem;font-weight:800;display:inline-grid}.conversation-preview-list>button>span:nth-child(2){gap:.15rem;min-width:0;display:grid}.conversation-preview-list strong,.conversation-preview-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.conversation-preview-list strong{font-size:.8rem}.conversation-preview-list small,.conversation-preview-list time{color:#7b888a;font-size:.68rem}.message-thread-preview{text-align:center;align-content:center;justify-items:center;min-width:0;padding:2rem;display:grid}.message-thread-mark{background:var(--qannects-brand-soft);width:4rem;height:4rem;color:var(--qannects-brand-strong);border-radius:50%;place-items:center;display:inline-grid}.message-thread-preview h2{color:#273a3d;letter-spacing:0;margin:1rem 0 0;font-size:1rem}.message-thread-preview p{color:#748285;max-width:24rem;margin:.4rem 0 0;font-size:.78rem}.watch-category-tabs{gap:.35rem;min-width:0;padding-bottom:.15rem;display:flex;overflow-x:auto}.watch-category-tabs button{color:#58676a;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d5dede;border-radius:6px;min-height:2.2rem;padding:.4rem .75rem;font-size:.74rem;font-weight:720}.watch-category-tabs button.active{border-color:var(--qannects-brand);background:var(--qannects-brand);color:#172326}.watch-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.watch-preview-card{background:#fff;border:1px solid #d7e0e0;border-radius:8px;min-width:0;overflow:hidden;box-shadow:0 6px 18px #1b30330d}.watch-preview-media{aspect-ratio:16/9;color:#557174;background:#dce8e8;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.watch-preview-media>img{object-fit:cover;width:100%;height:100%}.watch-preview-media>span{color:#fff;background:#142d31c7;border:1px solid #ffffffbf;border-radius:50%;place-items:center;width:2.65rem;height:2.65rem;display:inline-grid;position:absolute}.watch-preview-copy{gap:.2rem;min-width:0;padding:.75rem;display:grid}.watch-preview-copy strong,.watch-preview-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.watch-preview-copy strong{color:#2a3b3e;font-size:.8rem}.watch-preview-copy span{color:#758285;font-size:.68rem}.profile-preview-header{grid-template-columns:5rem minmax(0,1fr) auto;align-items:center;gap:1rem;min-width:0;padding:1.15rem;display:grid}.profile-preview-avatar{background:var(--qannects-brand);color:#172326;border:4px solid #fff;border-radius:50%;place-items:center;width:5rem;height:5rem;font-size:1.45rem;font-weight:850;display:inline-grid;box-shadow:0 0 0 1px #bed6d5}.profile-preview-identity{gap:.18rem;min-width:0;display:grid}.profile-preview-identity h2,.profile-preview-identity p{margin:0}.profile-preview-identity h2{color:#203235;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-size:1.2rem;overflow:hidden}.profile-preview-identity>span{color:var(--qannects-brand-strong);font-size:.74rem;font-weight:720}.profile-preview-identity p{color:#718083;font-size:.76rem}.profile-preview-header dl{grid-column:2/-1;gap:2rem;margin:.35rem 0 0;display:flex}.profile-preview-header dl>div{gap:.15rem;display:grid}.profile-preview-header dt{color:#778487;font-size:.68rem}.profile-preview-header dd{color:#263a3d;grid-row:1;margin:0;font-size:.9rem;font-weight:800}.profile-view-tabs{border-bottom:1px solid #e2e8e8;gap:1.35rem;padding:0 1rem;display:flex}.profile-view-tabs button{color:#68777a;cursor:pointer;background:0 0;border:0;min-height:2.75rem;padding:0 .1rem;font-size:.76rem;font-weight:720;position:relative}.profile-view-tabs button.active{color:#213538}.profile-view-tabs button.active:after{background:var(--qannects-brand);content:"";height:3px;position:absolute;bottom:-1px;left:0;right:0}.profile-empty-posts{color:#7a888a;align-content:center;justify-items:center;min-height:15rem;display:grid}.profile-empty-posts svg{color:var(--qannects-brand)}.profile-empty-posts h3{color:#46595c;letter-spacing:0;margin:.65rem 0 0;font-size:.86rem}.spinner{color:var(--qannects-brand-strong);animation:.85s linear infinite spin}.auth-gateway-page{background:#f4f7f7;min-height:100vh}.auth-gateway-header{background:#fff;border-bottom:1px solid #dbe3e3;align-items:center;min-height:4.3rem;padding:.65rem clamp(1rem,4vw,3.5rem);display:flex}.auth-gateway-content{width:min(100% - 2rem,34rem);margin:0 auto;padding:4.5rem 0 3rem}.auth-gateway-back{color:#4b5c5f;align-items:center;gap:.4rem;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex}.auth-forward-status{text-align:center;background:#fff;border:1px solid #d5dede;border-radius:6px;justify-items:center;gap:.75rem;margin-top:2rem;padding:2.5rem 2rem;display:grid;box-shadow:0 14px 34px #1b2f321a}.auth-forward-mark{border:1px solid #dbe3e3;border-radius:7px;place-items:center;width:3.25rem;height:3.25rem;display:grid;overflow:hidden}.auth-forward-mark img{object-fit:cover;width:100%;height:100%}.auth-forward-status>span{color:var(--qannects-brand-strong);text-transform:uppercase;font-size:.74rem;font-weight:800}.auth-forward-status h1{color:#17282b;letter-spacing:0;margin:0;font-size:1.75rem}.auth-forward-status>p{color:#627174;margin:0;font-size:.88rem}.auth-forward-status .auth-gateway-alert{color:#a33838}.auth-forward-retry{border:1px solid var(--qannects-brand-strong);background:var(--qannects-brand-strong);color:#fff;cursor:pointer;border-radius:5px;justify-content:center;align-items:center;gap:.45rem;min-height:2.65rem;padding:.6rem .9rem;font-weight:750;display:inline-flex}.consumer-onboarding{grid-template-columns:minmax(16rem,.8fr) minmax(20rem,1.2fr);align-content:center;gap:clamp(2.5rem,7vw,6rem);width:min(100% - 2rem,68rem);min-height:calc(100vh - 4.3rem);margin:0 auto;padding:3.5rem 0;display:grid}.consumer-onboarding-intro>span{color:var(--qannects-brand-strong);text-transform:uppercase;font-size:.76rem;font-weight:800}.consumer-onboarding-intro h1{color:#182629;letter-spacing:0;max-width:13ch;margin:.65rem 0 1rem;font-size:clamp(2rem,4vw,3.25rem);line-height:1.08}.consumer-onboarding-intro p{color:#637174;max-width:31rem;margin:0;line-height:1.6}.consumer-onboarding-form{border-left:1px solid #d6dfdf;gap:1rem;min-width:0;padding-left:clamp(0rem,4vw,3rem);display:grid}.consumer-onboarding-form>label,.masjid-search{gap:.42rem;min-width:0;display:grid}.consumer-onboarding-form label>span,.masjid-search>label{color:#304044;font-size:.84rem;font-weight:700}.consumer-onboarding-form input,.consumer-onboarding-form textarea{color:#172326;width:100%;min-height:3rem;font:inherit;background:#fff;border:1px solid #cbd6d7;border-radius:6px;padding:.7rem .85rem}.consumer-onboarding-form textarea{resize:vertical}.consumer-onboarding-form input:focus-visible,.consumer-onboarding-form textarea:focus-visible,.consumer-onboarding-form button:focus-visible{outline:3px solid var(--qannects-focus);outline-offset:2px}.masjid-search-input{align-items:center;display:flex;position:relative}.masjid-search-input>svg:first-child{color:#718083;position:absolute;left:.85rem}.masjid-search-input input{padding-left:2.6rem;padding-right:2.7rem}.masjid-search-input .spinner{position:absolute;right:.85rem}.masjid-results{background:#fff;border:1px solid #cbd6d7;border-radius:6px;max-height:16rem;display:grid;overflow-y:auto}.masjid-results button{color:#233235;text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #e2e8e8;grid-template-columns:1.5rem minmax(0,1fr) 1.25rem;align-items:center;gap:.7rem;min-height:3.7rem;padding:.65rem .8rem;display:grid}.masjid-results button:last-child{border-bottom:0}.masjid-results button:hover{background:#f0f8f8}.masjid-results button>span,.selected-masjid>span{gap:.15rem;min-width:0;display:grid}.masjid-results strong,.selected-masjid strong{text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;overflow:hidden}.masjid-results small,.selected-masjid small{color:#69777a;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.selected-masjid{background:var(--qannects-brand-soft);color:#1e4447;border:1px solid #91c7c9;border-radius:6px;grid-template-columns:1.5rem minmax(0,1fr) 1.25rem;align-items:center;gap:.7rem;min-height:3.7rem;padding:.65rem .8rem;display:grid}.consumer-onboarding-submit{border:1px solid var(--qannects-brand-strong);background:var(--qannects-brand-strong);color:#fff;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:.55rem;min-height:3rem;padding:.7rem 1rem;font-weight:750;display:inline-flex}.consumer-onboarding-submit:disabled{cursor:wait;opacity:.7}.consumer-onboarding-skip{min-height:2.5rem;color:var(--qannects-brand-strong);font:inherit;cursor:pointer;background:0 0;border:0;font-weight:750}.consumer-onboarding-skip:disabled{cursor:wait;opacity:.65}.system-page{text-align:center;place-content:center;gap:1rem;min-height:100vh;padding:2rem;display:grid}.system-page h1,.system-page p{margin:0}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:78rem){.main-topbar-inner{grid-template-columns:10rem minmax(30rem,1fr) auto}.main-home-grid.with-context{grid-template-columns:14.25rem minmax(30rem,42rem);justify-content:center;width:min(100% - 2rem,58rem)}.main-home-grid.section-view{width:min(100% - 2rem,74rem)}.main-context-rail{display:none}}@media (max-width:62rem){.main-topbar-inner{grid-template-columns:auto minmax(26rem,1fr) auto}.main-search-trigger span,.main-search-trigger kbd,.main-workspace-link span{display:none}.main-search-trigger,.main-workspace-link{flex:0 0 2.55rem;width:2.55rem;padding:0}.main-home-grid{grid-template-columns:minmax(0,1fr);width:min(100% - 2rem,56rem)}.main-home-grid.with-context{grid-template-columns:minmax(0,42rem);width:min(100% - 2rem,42rem)}.main-sidebar{display:none}.main-compact-section-nav{scrollbar-width:none;gap:.4rem;min-width:0;margin-bottom:1rem;padding-bottom:.2rem;display:flex;overflow-x:auto}.main-compact-section-nav::-webkit-scrollbar{display:none}.main-compact-section-nav button{color:#617174;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d4dddd;border-radius:6px;flex:none;min-height:2.25rem;padding:.4rem .7rem;font-size:.72rem;font-weight:710}.main-compact-section-nav button.active{border-color:var(--qannects-brand);background:var(--qannects-brand);color:#172326}}@media (max-width:54rem){.main-topbar-inner{grid-template-columns:auto minmax(13.5rem,1fr) auto}.main-primary-tabs button{width:2.35rem;padding:0}.main-primary-tabs button span{display:none}}@media (max-width:46rem){.main-topbar-inner{grid-template-columns:auto minmax(0,1fr);gap:.55rem;width:min(100% - 1rem,42rem);min-height:3.9rem}.main-primary-tabs{display:none}.main-brand img{width:7.8rem}.main-topbar-actions{gap:.35rem}.main-home-grid{width:min(100% - 1rem,42rem);padding-top:1rem;padding-bottom:6rem}.main-feed-heading{min-height:3.35rem}.main-feed-heading h1{font-size:1.35rem}.main-section-heading{min-height:3.35rem}.main-section-heading h1{font-size:1.35rem}.masjid-preview-grid,.messages-section-preview{grid-template-columns:minmax(0,1fr)}.messages-section-preview{min-height:0}.message-thread-preview{min-height:18rem}.watch-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.post-composer{padding:.7rem}.feed-view-tabs{justify-content:space-between;gap:.75rem}.feed-view-tabs button{min-width:0;font-size:.78rem}.main-mobile-nav{z-index:60;min-height:calc(4.15rem + env(safe-area-inset-bottom));padding:.45rem .4rem env(safe-area-inset-bottom);background:#fffffffa;border-top:1px solid #d4dddd;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -5px 18px #192d3014}.main-mobile-nav button{color:#647275;cursor:pointer;background:0 0;border:0;border-radius:5px;align-content:center;justify-items:center;gap:.18rem;min-width:0;min-height:3.2rem;padding:.25rem;display:grid}.main-mobile-nav button.active{color:var(--qannects-brand)}.main-mobile-nav button span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.62rem;font-weight:720;overflow:hidden}}@media (max-width:32rem){.main-search-trigger,.main-icon-button,.main-account-button,.main-workspace-link{flex-basis:2.35rem;width:2.35rem;min-height:2.35rem}.main-account-button>span{width:1.7rem;height:1.7rem}.main-workspace-link{display:none}.main-section-heading{align-items:flex-start}.main-section-primary{width:2.45rem;min-height:2.45rem;padding:0;font-size:0}.masjid-profile-strip{grid-template-columns:3.25rem minmax(0,1fr)}.masjid-profile-strip>button{grid-column:1/-1}.watch-preview-grid{grid-template-columns:minmax(0,1fr)}.profile-preview-header{grid-template-columns:4rem minmax(0,1fr)}.profile-preview-avatar{width:4rem;height:4rem}.profile-preview-header>button{grid-column:1/-1}.profile-preview-header dl{grid-column:1/-1;justify-content:space-between;gap:1rem}.post-composer{grid-template-columns:2.35rem minmax(0,1fr)}.composer-actions{display:none}.feed-post-header,.feed-post-copy{padding-left:.7rem;padding-right:.7rem}.media-caption{grid-template-columns:minmax(0,1fr)}.media-caption>button{grid-area:auto/1;width:max-content;margin-top:.3rem}.feed-post-actions button{gap:.25rem;font-size:.7rem}.feed-post-actions button svg{width:1rem;height:1rem}}@media (max-width:70rem){.public-entry-header{gap:1rem;width:min(100% - 2rem,88rem)}.public-brand img{width:7.8rem}.public-entry-main{min-height:40rem;padding-left:2rem;padding-right:2rem}.public-hero-headline{font-size:3.1rem}}@media (max-width:58rem){.public-entry-shell{background-position:54%}.public-entry-main{align-items:center;min-height:38rem;padding:3rem 2rem}.public-hero-copy{width:min(48%,30rem)}.public-hero-headline{font-size:2.8rem}}@media (max-width:58rem) and (min-height:48rem){.public-entry-shell{background-position:100% 100%;background-size:auto 55%}.public-entry-main{align-items:flex-start;padding-top:5rem;padding-bottom:24rem}.public-hero-copy{width:min(70%,31rem)}}@media (max-width:42rem){.public-entry-shell{background-color:#fff;background-position:100% 100%;background-size:auto 50%}.public-entry-header{gap:.65rem;min-height:4.35rem}.public-brand img{width:7.2rem}.public-header-actions{gap:.35rem}.public-header-link{display:none}.public-login-button,.public-create-button{min-height:2.35rem;padding:.45rem .65rem;font-size:.72rem}.public-entry-main{align-items:flex-start;min-height:max(35rem,100svh - 4.35rem);padding:2.25rem 1.25rem 18rem}.public-hero-copy{width:min(100%,31rem)}.public-hero-headline{max-width:11ch;font-size:2.6rem}.public-hero-description{max-width:28rem;font-size:.9rem}.public-hero-actions{margin-top:1.35rem}.workspace-link,.web-user strong{display:none}.auth-gateway-content{padding-top:2.5rem}.consumer-onboarding{grid-template-columns:1fr;gap:2rem;min-height:auto;padding:2.5rem 0}.consumer-onboarding-form{border-left:0;padding-left:0}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:1.8s}}.main-home-shell{background:#f1f3f2}.main-home-topbar{box-shadow:none;background:#fffffffb;border-bottom-color:#e1e5e4}.main-topbar-inner{grid-template-columns:11.5rem minmax(30rem,1fr) minmax(16rem,auto);gap:1.25rem;width:min(100% - 2.5rem,94rem);min-height:4.4rem}.main-brand img{width:7.9rem}.main-primary-tabs{box-shadow:none;background:0 0;border:0;border-radius:0;gap:.15rem;padding:0}.main-primary-tabs button{color:#687476;border:0;border-radius:0;min-height:4.4rem;padding:.35rem .8rem;font-size:.75rem;font-weight:680;position:relative}.main-primary-tabs button:hover{color:#233638;background:0 0}.main-primary-tabs button.active{color:#153d3e;box-shadow:none;background:0 0;border:0}.main-primary-tabs button.active:after{background:var(--qannects-brand);content:"";height:2px;position:absolute;bottom:0;left:.7rem;right:.7rem}.main-search-trigger,.main-icon-button,.main-account-button,.main-workspace-link{min-height:2.35rem;box-shadow:none;background:#fff;border-color:#dde3e2}.main-search-trigger{background:#f7f8f8}.main-icon-button,.main-account-button{flex-basis:2.35rem;width:2.35rem}.main-workspace-link{color:#34484a;padding:.45rem .65rem;font-size:.73rem}.main-home-grid{gap:1.25rem;width:min(100% - 2.5rem,94rem);padding:1.4rem 0 4rem}.main-home-grid.with-context{grid-template-columns:13.25rem minmax(31rem,42rem) minmax(17rem,18.5rem)}.main-sidebar{background:#fbfcfc;border-color:#e0e5e4;height:calc(100svh - 6.85rem);min-height:31rem;padding:.65rem;top:5.55rem;box-shadow:0 1px 2px #192b2c08}.main-sidebar-title{color:#263638;border-bottom:1px solid #e7eae9;align-items:center;gap:.65rem;min-height:2.8rem;padding:.35rem .55rem .75rem;display:flex}.main-sidebar-title svg{color:#08756f}.main-sidebar-title strong{font-size:.8rem;font-weight:760}.main-sidebar-scroll{padding-top:.65rem}.main-sidebar-group+.main-sidebar-group{border-top-color:#edf0ef;margin-top:.8rem;padding-top:.8rem}.main-sidebar-group h2{color:#929c9d;margin-bottom:.3rem;padding-inline:.6rem;font-size:.59rem;font-weight:720}.main-sidebar-nav{gap:.12rem}.main-sidebar-nav button{color:#596668;border:0;border-radius:5px;gap:.65rem;min-height:2.42rem;padding:.48rem .62rem;font-size:.75rem;font-weight:650}.main-sidebar-nav button:hover{background:#f0f3f2}.main-sidebar-nav button.active{color:#174544;box-shadow:inset 2px 0 0 var(--qannects-brand);background:#eaf3f2;border:0}.main-sidebar-nav button.active svg{color:#08756f}.main-sidebar-account{border-top-color:#e7eae9;margin-top:.75rem;padding:.7rem .25rem .1rem}.main-sidebar-account .main-avatar{width:2rem;height:2rem;box-shadow:none;background:#264246;flex-basis:2rem}.main-sidebar-account strong{font-size:.73rem}.main-sidebar-account span{font-size:.64rem}.main-feed-heading{align-items:center;min-height:3.45rem;margin-bottom:.8rem}.main-feed-heading h1{color:#1d2d2f;margin:0;font-size:1.45rem;font-weight:760}.main-feed-heading p{color:#7a8587;margin:.28rem 0 0;font-size:.72rem}.main-filter-button{width:2.35rem;height:2.35rem;box-shadow:none;border-color:#dde3e2}.post-composer{background:#fff;border-color:#dde3e2;grid-template-columns:2.1rem minmax(0,1fr) auto;gap:.6rem;padding:.65rem .75rem;box-shadow:0 1px 2px #192b2c09}.post-composer .main-avatar{flex-basis:2.1rem;width:2.1rem;height:2.1rem}.composer-prompt{background:#f6f8f7;border-color:#e3e7e6;min-height:2.35rem;font-size:.76rem}.composer-actions button{width:2.1rem;height:2.1rem}.feed-view-tabs{box-shadow:none;background:0 0;border:0;border-bottom:1px solid #dde3e2;border-radius:0;gap:1.4rem;margin-top:1rem;padding:0}.feed-view-tabs button{border-radius:0;flex:none;min-height:2.55rem;padding:0 .1rem;font-size:.75rem}.feed-view-tabs button.active{color:#164544;box-shadow:none;background:0 0}.feed-view-tabs button.active:after{height:2px;display:block}.feed-posts{gap:.9rem;margin-top:.9rem}.feed-post{background:#fff;border-color:#dde3e2;box-shadow:0 1px 2px #192b2c09}.feed-post-header{min-height:3.75rem;padding:.75rem .85rem .55rem}.feed-post-copy{padding:.1rem .85rem .75rem}.feed-post-copy p{color:#3f4c4e;font-size:.82rem;line-height:1.55}.feed-post-media>img{object-fit:cover;object-position:center;width:100%;max-height:19rem}.media-caption{background:#fafbfb;padding:.75rem .85rem}.feed-post-engagement{background:#fff}.feed-post-actions{min-height:2.8rem}.main-context-rail{gap:.9rem;max-height:calc(100svh - 6.85rem);top:5.55rem}.local-masjid-panel,.upcoming-community-panel{background:#fff;border-color:#dde3e2;box-shadow:0 1px 2px #192b2c09}.local-masjid-panel>header,.upcoming-community-panel>header{background:#fff;border-bottom-color:#e7eae9;padding:.75rem}.local-masjid-panel>header span,.upcoming-community-panel>header span{color:#08756f;font-size:.59rem}.local-masjid-panel h2,.upcoming-community-panel h2{font-size:.82rem}.local-masjid-location{background:#fff;padding:.75rem}.local-masjid-icon{background:#eef6f5;border-color:#cee1df;width:2.75rem;height:2.75rem}.next-prayer{color:#2d3e40;background:#fff;border:1px solid #e7eae9;border-left:0;border-right:0;border-radius:0;margin:0 .75rem;padding:.65rem 0}.next-prayer span{color:#7a8688}.prayer-list{padding:.55rem .75rem .7rem}.upcoming-community-panel>button{min-height:3.9rem;padding:.6rem .75rem}.upcoming-date{color:#16645f;background:#eef6f5;border-color:#cfe2df;width:2.15rem;height:2.4rem}.main-rail-footer{padding-inline:.2rem}@media (max-width:78rem){.main-home-grid.with-context{grid-template-columns:13.25rem minmax(30rem,42rem)}}@media (max-width:46rem){.main-feed-heading h1{font-size:1.3rem}.feed-post-media>img{max-height:16rem}}