:root{--bg:#f3f1ea;--surface:#fff;--surface-soft:#edf3ef;--ink:#18251f;--muted:#66736d;--line:#dde3de;--green:#153f35;--green-2:#21624f;--gold:#d5a94e;--danger:#a13d3d;--shadow:0 16px 50px rgba(24,37,31,.08)}
[data-theme="dark"]{--bg:#0d1612;--surface:#15211c;--surface-soft:#1d2d26;--ink:#edf5f0;--muted:#9eaca5;--line:#2a3a32;--green:#d5a94e;--green-2:#e5bf6c;--gold:#d5a94e;--danger:#ff9a9a;--shadow:0 16px 50px rgba(0,0,0,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb,var(--gold) 70%,transparent);outline-offset:2px}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:12px;top:-60px;z-index:100;background:var(--surface);color:var(--ink);padding:10px 14px;border-radius:10px}.skip-link:focus{top:12px}.status-bar{position:sticky;top:0;z-index:50;padding:8px 16px;text-align:center;background:#8a6825;color:#fff;font-weight:700}
.app-shell{max-width:1440px;margin:auto;display:grid;grid-template-columns:240px minmax(0,720px) 310px;gap:28px;padding:24px}.sidebar,.rightbar{position:sticky;top:24px;height:max-content}.brand{display:flex;align-items:center;gap:12px;padding:6px 7px 28px;color:var(--ink);text-decoration:none}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(145deg,var(--gold),#b88428);color:#fff;font:700 27px Georgia;box-shadow:0 12px 28px color-mix(in srgb,var(--gold) 30%,transparent);text-shadow:0 2px 8px rgba(0,0,0,.18)}.brand strong{display:block;font-size:18px}.brand small{display:block;color:var(--muted)}
.auth-gate{min-height:100svh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,480px);gap:64px;align-items:center;max-width:1180px;margin:auto;padding:48px 30px}.auth-gate-brand{max-width:610px}.auth-cross{display:grid;place-items:center;width:76px;height:76px;margin-bottom:24px;border-radius:23px;background:linear-gradient(145deg,var(--gold),#a97824);color:#fff;font:700 43px Georgia;box-shadow:0 20px 50px color-mix(in srgb,var(--gold) 28%,transparent)}.auth-gate-brand h1{font:600 clamp(42px,6vw,72px)/.98 Georgia;margin:8px 0 20px}.auth-gate-brand>p:last-of-type{max-width:560px;color:var(--muted);font-size:19px}.auth-promise{display:grid;grid-template-columns:42px 1fr;column-gap:12px;margin-top:32px;padding:18px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface) 82%,transparent)}.auth-promise>span{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--surface-soft);color:var(--gold);font-size:22px}.auth-promise strong,.auth-promise small{display:block}.auth-promise small{color:var(--muted)}.auth-gate-card{width:100%;padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:28px;box-shadow:0 28px 90px rgba(10,30,23,.15)}.auth-panel h2{font:600 31px Georgia;margin:13px 0 3px}.auth-panel>p:not(.form-message){color:var(--muted);margin:0 0 20px}.auth-panel label{display:block;margin:12px 0 0;color:var(--muted);font-size:12px;font-weight:800}.auth-panel input{width:100%;margin-top:5px;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:var(--bg);color:var(--ink);outline:0}.auth-main-btn{width:100%;margin-top:18px}.auth-link{display:block;margin:12px auto 0;border:0;background:transparent;color:var(--green);font-weight:800}.auth-divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;margin:10px 0 -6px}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--line)}.auth-security{display:block;text-align:center;color:var(--muted);margin-top:22px}
.nav-list{display:grid;gap:6px}.nav-list button{border:0;background:transparent;color:var(--muted);text-align:left;border-radius:13px;padding:12px 14px;font-weight:700}.nav-list button span{display:inline-block;width:30px;font-size:18px}.nav-list button:hover,.nav-list button.active{background:var(--surface-soft);color:var(--green)}.verse-card{margin:24px 0 0;padding:20px;border-radius:20px;background:linear-gradient(145deg,#174c3c,#0c2e25);color:#fff}.verse-card b{color:#efd28a;font-size:11px;letter-spacing:.1em}.verse-card p{font:italic 17px/1.45 Georgia;margin:12px 0}.verse-card cite{font-style:normal;opacity:.7;font-size:12px}.install-btn{width:100%;margin-top:12px;border:1px solid var(--line);background:var(--surface);color:var(--green);padding:10px;border-radius:12px;font-weight:750}
main{min-width:0}.topbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:2px 0 20px}.eyebrow{margin:0;color:var(--gold);font-size:11px;font-weight:850;letter-spacing:.13em}.topbar h1{font:600 32px/1.1 Georgia;margin:4px 0}.topbar p:last-child{margin:0;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:8px}.icon-btn{width:43px;height:43px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--ink)}.account-btn,.primary-btn{border:0;border-radius:999px;background:var(--green);color:#fff;padding:11px 18px;font-weight:800}.account-btn:hover,.primary-btn:hover{filter:brightness(1.08)}.primary-btn:disabled{opacity:.6;cursor:wait}.secondary-btn{border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);padding:10px 16px;font-weight:750}.text-btn{border:0;background:transparent;color:var(--green);font-weight:800;padding:7px 9px}.full{width:100%}
.member-strip{margin:0 0 16px}.member-strip-head{display:flex;justify-content:space-between;align-items:baseline;margin:0 4px 10px}.member-strip-head h2{font:600 18px Georgia;margin:0}.member-strip-head span{font-size:12px;color:var(--muted)}.member-stories{display:flex;gap:14px;overflow-x:auto;padding:3px 3px 10px;scrollbar-width:thin;scroll-snap-type:x proximity}.member-story{flex:0 0 72px;text-align:center;scroll-snap-align:start}.story-profile{width:100%;border:0;background:transparent;color:var(--ink);padding:0;text-align:center}.story-avatar-ring{width:64px;height:64px;margin:0 auto 6px;padding:3px;border-radius:50%;background:linear-gradient(145deg,var(--gold),#2f8067);transition:.2s}.story-profile:hover .story-avatar-ring{transform:translateY(-2px);box-shadow:0 8px 18px color-mix(in srgb,var(--gold) 24%,transparent)}.story-avatar-ring .avatar{width:100%;height:100%;border:3px solid var(--bg);font-size:15px}.member-story b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.member-story small{display:block;color:var(--muted);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-follow{border:0;background:transparent;color:var(--green);font-size:10px;font-weight:850;padding:3px}.story-follow.following{color:var(--muted)}.story-loading{color:var(--muted);padding:15px}.welcome-card{position:relative;overflow:hidden;min-height:170px;padding:28px;border-radius:25px;background:linear-gradient(130deg,#153f35,#21624f);color:#fff;box-shadow:var(--shadow);display:flex;align-items:center}.welcome-card>div:first-child{position:relative;z-index:1;max-width:500px}.welcome-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:rgba(255,255,255,.12);color:#efd28a}.welcome-card h2{font:600 28px/1.15 Georgia;margin:12px 0 8px}.welcome-card p{margin:0;opacity:.78}.welcome-shape{position:absolute;width:220px;height:220px;border:38px solid rgba(255,255,255,.06);border-radius:50%;right:-55px;bottom:-100px}
.card,.side-card{background:var(--surface);border:1px solid var(--line);border-radius:21px;box-shadow:var(--shadow)}.composer{margin:18px 0;padding:18px}.composer-head{display:flex;align-items:center;gap:11px;margin-bottom:12px}.composer-head strong,.composer-head small{display:block}.composer-head small{color:var(--muted)}.mini-avatar,.avatar{flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#32785f,#d5a64c);color:#fff;font-weight:850;overflow:hidden}.mini-avatar{width:42px;height:42px}.avatar img{width:100%;height:100%;object-fit:cover}.composer textarea{width:100%;min-height:86px;resize:vertical;border:0;background:var(--surface-soft);color:var(--ink);border-radius:14px;padding:14px;outline:0}.composer-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:12px}.kind-picker{display:flex;gap:7px;flex-wrap:wrap}.kind-picker button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:7px 11px}.kind-picker button.selected{background:var(--surface-soft);color:var(--green);border-color:color-mix(in srgb,var(--green) 30%,var(--line))}.feed-toolbar{display:flex;align-items:center;justify-content:space-between;margin:8px 4px 12px}.feed-toolbar h2{font:600 20px Georgia;margin:0}
.post-card{padding:20px;margin-bottom:14px}.post-head{display:flex;align-items:center;gap:11px}.post-profile{min-width:0;display:flex;align-items:center;gap:11px;border:0;background:transparent;color:var(--ink);padding:0;text-align:left}.post-profile:hover b{text-decoration:underline}.avatar{width:46px;height:46px}.post-author{min-width:0}.post-author b,.post-author small{display:block}.post-author small{color:var(--muted)}.post-tag{margin-left:auto;background:var(--surface-soft);color:var(--green);padding:5px 9px;border-radius:999px;font-size:11px;font-weight:850}.post-content{font-size:16px;white-space:pre-wrap;overflow-wrap:anywhere}.post-image{display:block;width:100%;max-height:460px;object-fit:cover;border-radius:15px;margin:12px 0}.post-actions{border-top:1px solid var(--line);padding-top:12px;display:flex;gap:5px;flex-wrap:wrap}.post-actions button{border:0;background:transparent;color:var(--muted);padding:8px 10px;border-radius:10px}.post-actions button:hover,.post-actions button.active{background:var(--surface-soft);color:var(--green)}.state-card{padding:42px 20px;text-align:center;color:var(--muted)}.state-card strong{display:block;color:var(--ink);font:600 21px Georgia;margin-bottom:5px}.skeleton{height:190px;margin-bottom:14px;border-radius:21px;background:linear-gradient(90deg,var(--surface) 25%,var(--surface-soft) 45%,var(--surface) 65%);background-size:300% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position:-300% 0}}
.rightbar{display:grid;gap:15px}.side-card{padding:18px}.side-card h2{font:600 18px Georgia;margin:0 0 12px}.side-title{display:flex;align-items:center;justify-content:space-between}.side-title>span{color:var(--gold);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.side-title button{border:0;background:transparent;color:var(--green);font-size:12px;font-weight:800}.people-suggestions{display:grid;gap:4px}.person-suggestion{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center;padding:8px 0}.person-profile{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;border:0;background:transparent;color:var(--ink);padding:0;text-align:left}.person-profile:hover b{text-decoration:underline}.person-suggestion .avatar{width:42px;height:42px;font-size:12px}.person-suggestion-info{min-width:0}.person-suggestion-info b,.person-suggestion-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-suggestion-info small{color:var(--muted);font-size:11px}.follow-btn{border:0;background:transparent;color:var(--green);font-size:12px;font-weight:850;padding:7px}.follow-btn.following{color:var(--muted)}.event-row{display:grid;grid-template-columns:44px 1fr;gap:11px;padding:11px 0;border-top:1px solid var(--line)}.event-row:first-child{border:0}.event-date{background:var(--surface-soft);color:var(--green);border-radius:11px;text-align:center;padding:5px;font-weight:850}.event-date small{display:block;font-size:9px}.event-row b,.event-row small{display:block}.event-row small,.side-loading{color:var(--muted)}.prayer-number{color:var(--muted)}.prayer-number strong{color:var(--ink);font-size:22px}.prayer-meter{height:7px;background:var(--surface-soft);border-radius:99px;overflow:hidden}.prayer-meter span{display:block;width:72%;height:100%;background:var(--gold)}.safety-card{display:flex;gap:12px}.safety-card>span{font-size:25px;color:var(--gold)}.safety-card p{color:var(--muted);margin:0}
.panel-card{padding:24px}.panel-card h2{font:600 27px Georgia;margin:0 0 5px}.panel-intro{color:var(--muted);margin:0 0 20px}.panel-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.panel-heading .panel-intro{margin-bottom:0}.management-form{margin:0 0 20px;padding:18px;background:var(--surface-soft);border:1px solid var(--line);border-radius:17px}.management-form h3{font:600 20px Georgia;margin:0 0 12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid .full-width{grid-column:1/-1}.management-form label{display:block;font-size:12px;font-weight:800;color:var(--muted)}.management-form input,.management-form textarea{width:100%;margin-top:5px;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--ink);outline:0}.management-form textarea{min-height:90px;resize:vertical}.form-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:14px}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.feature-card{position:relative;padding:18px;background:var(--surface-soft);border-radius:16px}.feature-card h3{font:600 18px Georgia;margin:0 0 6px}.feature-card p{color:var(--muted);margin:0 0 12px}.feature-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:12px}.feature-actions button{font-size:12px;padding:7px 11px}.owner-badge{display:inline-block;color:var(--gold);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.danger-btn{border:1px solid color-mix(in srgb,var(--danger) 35%,var(--line));border-radius:999px;background:transparent;color:var(--danger);padding:9px 14px;font-weight:750}.profile-hero{display:flex;gap:15px;align-items:center;margin-bottom:20px}.profile-hero .avatar{width:72px;height:72px;font-size:22px}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.profile-stat{background:var(--surface-soft);padding:14px;border-radius:14px;text-align:center}.profile-stat strong{display:block;font-size:22px}.profile-stat span{color:var(--muted);font-size:12px}.edit-profile-layout{display:grid;grid-template-columns:130px minmax(0,1fr);gap:22px;align-items:start}.avatar-editor{text-align:center}.avatar-editor .avatar{width:104px;height:104px;margin:0 auto 10px;font-size:28px;box-shadow:0 0 0 4px var(--surface),0 0 0 7px var(--gold)}.avatar-file-label{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:8px 11px;color:var(--green);font-size:12px;font-weight:800;cursor:pointer}.avatar-file-label input{position:absolute;opacity:0;pointer-events:none}.avatar-note{display:block;margin-top:7px;color:var(--muted);font-size:10px}.profile-save-status{min-height:20px;color:var(--green);font-weight:750}
.modal-backdrop{position:fixed;inset:0;z-index:80;background:rgba(4,12,9,.73);display:grid;place-items:center;padding:18px;backdrop-filter:blur(5px)}.modal{position:relative;width:min(440px,100%);max-height:92vh;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:0 26px 80px rgba(0,0,0,.3)}.modal-close{position:absolute;right:14px;top:12px;border:0;background:transparent;color:var(--muted);font-size:25px}.modal-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--green);color:#fff}.modal h2{font:600 28px Georgia;margin:12px 0 4px}.modal>p{color:var(--muted)}.modal label{display:block;font-size:12px;font-weight:800;margin:10px 0 0}.modal input,.modal textarea{width:100%;margin-top:5px;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);outline:0}.modal-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.form-message{min-height:21px;margin:8px 0!important;color:var(--green)!important;font-weight:700}.form-message.error{color:var(--danger)!important}.comments-modal{width:min(590px,100%);display:flex;flex-direction:column;overflow:hidden}.comments-list{display:grid;gap:10px;min-height:110px;max-height:45vh;overflow:auto;margin:10px 0 14px;padding-right:4px}.comment-item{position:relative;background:var(--surface-soft);border-radius:14px;padding:11px 13px}.comment-item b,.comment-item small{display:block}.comment-item small{color:var(--muted)}.comment-item p{margin:5px 28px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.delete-comment{position:absolute;right:8px;top:8px;border:0;background:transparent;color:var(--muted)}.comment-form{display:flex;gap:8px;align-items:flex-end;border-top:1px solid var(--line);padding-top:13px}.comment-form textarea{margin:0;resize:none}.comment-form button{flex:0 0 auto}.profile-modal{width:min(560px,100%)}.public-profile-head{display:flex;align-items:center;gap:16px;padding-right:24px}.public-profile-avatar{width:82px;height:82px;font-size:24px;box-shadow:0 0 0 4px var(--surface),0 0 0 7px var(--gold)}.public-profile-head h2{margin:2px 0}.public-profile-head span{color:var(--muted)}.profile-bio{margin:20px 0 12px;color:var(--ink)!important;white-space:pre-wrap}.profile-details{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.profile-details span{background:var(--surface-soft);color:var(--muted);padding:7px 10px;border-radius:999px;font-size:12px}.profile-modal-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.profile-site{text-decoration:none;display:inline-flex;align-items:center}.following-profile{background:var(--surface-soft);color:var(--green);border:1px solid var(--line)}.toast{position:fixed;z-index:100;left:50%;bottom:28px;transform:translate(-50%,120px);background:#13201b;color:#fff;padding:12px 18px;border-radius:999px;box-shadow:0 12px 34px rgba(0,0,0,.25);opacity:0;transition:.25s}.toast.show{transform:translate(-50%,0);opacity:1}.toast.error{background:#8b3030}.mobile-nav{display:none}
@media(max-width:1120px){.app-shell{grid-template-columns:215px minmax(0,1fr)}.rightbar{display:none}}
@media(max-width:760px){.auth-gate{display:block;padding:28px 18px 34px}.auth-gate-brand{text-align:center}.auth-cross{width:62px;height:62px;margin:0 auto 18px;border-radius:19px;font-size:35px}.auth-gate-brand h1{font-size:39px}.auth-gate-brand>p:last-of-type{font-size:16px}.auth-promise{display:none}.auth-gate-card{margin-top:28px;padding:24px 20px;border-radius:23px;text-align:left}.auth-panel h2{font-size:27px}.app-shell{display:block;padding:14px 12px 88px}.sidebar{display:none}.topbar{align-items:flex-start}.topbar h1{font-size:27px}.topbar p:last-child{max-width:230px}.member-strip{margin-top:4px}.member-strip-head span{display:none}.member-stories{margin-right:-12px}.member-story{flex-basis:66px}.story-avatar-ring{width:58px;height:58px}.welcome-card{padding:22px;min-height:155px}.welcome-card h2{font-size:24px}.composer{padding:14px}.composer-actions{align-items:flex-end}.kind-picker{gap:5px}.kind-picker button{font-size:12px;padding:7px 9px}.post-card{padding:16px}.post-actions{justify-content:space-between}.post-actions button{padding:8px 6px;font-size:13px}.panel-card{padding:18px}.panel-heading{display:block}.panel-heading .primary-btn{margin-top:12px}.form-grid,.content-grid{grid-template-columns:1fr}.form-grid .full-width{grid-column:auto}.edit-profile-layout{grid-template-columns:1fr}.mobile-nav{display:flex;position:fixed;z-index:60;bottom:0;left:0;right:0;justify-content:space-around;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:8px 5px calc(8px + env(safe-area-inset-bottom))}.mobile-nav button{border:0;background:transparent;color:var(--muted);font-size:21px;padding:7px 14px;border-radius:12px}.mobile-nav button.active{color:var(--green);background:var(--surface-soft)}.modal{padding:22px}.toast{bottom:88px;max-width:calc(100% - 24px);text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}