/* ============================================================================
   MEMBERS AREA · sign in, members home, and the Prayer Room.
   Uses the site's form fields and buttons; only the layout lives here.
   ========================================================================= */
.page-members .nav{background:rgba(6,5,9,.94);border-bottom-color:rgba(224,179,82,.22)}

.mroom{min-height:100vh;padding:clamp(7.5rem,12vw,9.5rem) 0 clamp(4rem,8vw,6rem)}
.mcard{max-width:460px;margin:0 auto;text-align:center}
.mcard-logo{width:110px;margin:0 auto 1.2rem}
.mcard h1{margin-bottom:1.8rem}
.mform{text-align:left;display:grid;gap:1.1rem}
.mform .btn{width:100%}
.mform .form-status[data-state="error"]{color:#FF8CC6}
.mform .form-status[data-state="ok"]{color:var(--gold-lite)}
.mlink{
  background:none;border:0;padding:.4em 0;cursor:pointer;font:inherit;font-size:.82rem;letter-spacing:.06em;
  color:var(--on-dark-soft);text-decoration:underline;text-decoration-color:rgba(224,179,82,.5);text-underline-offset:.3em;
}
.mlink:hover{color:var(--gold-lite)}
.mcard > .mlink{margin-top:1.2rem}
#forgotForm{margin-top:1rem}
.mnote{font-size:.86rem;line-height:1.6;color:var(--on-dark-soft)}
.mnote a{color:var(--gold-lite);text-decoration:underline;text-underline-offset:.25em}
.mnote--foot{margin-top:2rem}

.mhome{max-width:760px;margin:0 auto;text-align:center}
.mprayer{
  margin:clamp(2.5rem,5vw,3.5rem) auto 0;display:grid;gap:1.6rem;align-items:center;justify-items:center;
  padding:clamp(2rem,4vw,2.8rem);border-radius:6px;position:relative;overflow:hidden;
  background:radial-gradient(70% 90% at 50% 0%,rgba(224,179,82,.14),transparent 70%),linear-gradient(168deg,#191521,#0C0A12 60%,#141019);
  border:1px solid rgba(224,179,82,.3);transition:border-color .4s var(--ease),transform .4s var(--ease);
}
.mprayer:hover{border-color:rgba(224,179,82,.6);transform:translateY(-3px)}
@media(min-width:700px){.mprayer{grid-template-columns:auto 1fr;justify-items:start;text-align:left}}
.mprayer-arch svg{width:clamp(110px,16vw,150px);height:auto}
.mprayer-words{display:grid;gap:.5rem;justify-items:inherit}
.mprayer-title{font-family:var(--display);font-weight:600;text-transform:uppercase;font-size:clamp(1.6rem,3.4vw,2.4rem);letter-spacing:.03em;color:var(--silver)}
.mprayer-when{font-family:var(--prose);font-style:italic;font-size:1.25rem;color:var(--gold-lite)}
.mprayer-host{font-size:.68rem;letter-spacing:.26em;text-transform:uppercase;color:var(--fuchsia)}
.mprayer-btn{margin-top:1rem}
.maccount{margin-top:2rem;display:flex;gap:.8rem;justify-content:center;align-items:center;color:var(--steel)}
.mform--pw{max-width:420px;margin:1.4rem auto 0}

/* the Prayer Room itself: the video gets the whole screen under the menu */
.page-room .foot,.page-room .dock{display:none}
.proom{min-height:100vh;padding:clamp(5.4rem,8vw,6.6rem) 0 0;display:flex;flex-direction:column}
.proom-bar{
  width:var(--gutter);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:.8rem 0 1rem;
}
.proom-eyebrow{display:block;font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}
.proom-title h1{font-family:var(--display);font-weight:600;text-transform:uppercase;font-size:clamp(1.2rem,2.4vw,1.6rem);letter-spacing:.04em;color:var(--silver)}
.proom-stage{flex:1;position:relative;min-height:70vh;border-top:1px solid rgba(224,179,82,.3)}
.proom-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.proom-wait{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:2rem;font-family:var(--prose);font-size:1.3rem;color:var(--on-dark-soft)}
.proom-wait[data-state="error"]{color:#FF8CC6}
/* the hidden attribute always wins over layout rules here */
.page-members [hidden]{display:none!important}
.proom{padding-top:clamp(6.2rem,9vw,7.4rem)}

/* ---------- members menu and home tiles ---------- */
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mwrap{max-width:720px;margin-inline:auto}
.mwrap--wide{max-width:1100px}
.msub{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.6rem;margin:0 auto 2.4rem;padding-bottom:1rem;border-bottom:1px solid var(--rule)}
.msub a{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--on-dark-soft);padding:.3em 0;position:relative}
.msub a[aria-current="page"]{color:var(--gold-lite)}
.msub a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--fuchsia)}
.msub-badge{display:inline-grid;place-items:center;min-width:1.5em;height:1.5em;margin-left:.4em;padding:0 .35em;border-radius:999px;background:var(--fuchsia);color:#fff;font:600 .68rem/1 var(--ui);font-style:normal;letter-spacing:0}
.mgrid{display:grid;gap:1rem;margin-top:1.2rem}
@media(min-width:620px){.mgrid{grid-template-columns:1fr 1fr}}
.mtile{display:grid;gap:.35rem;padding:1.4rem 1.6rem;text-align:left;border-radius:6px;border:1px solid rgba(241,241,241,.14);background:linear-gradient(168deg,#16121E,#0B0910);transition:border-color .3s var(--ease),transform .3s var(--ease)}
.mtile:hover{border-color:rgba(224,179,82,.5);transform:translateY(-2px)}
.mtile-title{font-family:var(--display);font-weight:600;text-transform:uppercase;font-size:1.15rem;letter-spacing:.04em;color:var(--silver)}
.mtile-line{font-family:var(--prose);font-size:1.1rem;color:var(--on-dark-soft)}

/* ---------- community feed ---------- */
.cpost{margin-top:2rem;padding:1.2rem;border-radius:6px;border:1px solid rgba(224,179,82,.35);background:#0F0C15;display:grid;gap:.9rem}
.cpost textarea,.ccomment input,.dm-send textarea,.dm-people input{
  width:100%;background:#07060B;border:1px solid rgba(241,241,241,.16);border-radius:4px;color:var(--on-dark);
  font-family:var(--prose);font-size:1.15rem;line-height:1.5;padding:.8rem 1rem;resize:vertical;
}
.cpost textarea:focus,.ccomment input:focus,.dm-send textarea:focus,.dm-people input:focus{outline:none;border-color:var(--gold)}
.cpost-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.cpost-add{cursor:pointer;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-lite);border-bottom:1px solid rgba(224,179,82,.5)}
.cpost .btn{min-height:46px;padding:.8em 2em}
.cpost-photo img{max-height:260px;width:auto;border-radius:4px}
.cpost .form-status[data-state="error"]{color:#FF8CC6}
.cpost .form-status[data-state="ok"]{color:var(--gold-lite)}
.cfeed{margin-top:2rem;display:grid;gap:1.4rem}
.cpostcard{padding:1.3rem 1.4rem;border-radius:6px;border:1px solid rgba(241,241,241,.12);background:linear-gradient(168deg,#15111C,#0A0810)}
.cpostcard header{display:flex;align-items:center;gap:.8rem}
.cpostcard header b{font-family:var(--display);font-weight:600;font-size:1rem;letter-spacing:.03em;color:var(--silver)}
.ctag{font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--fuchsia);border:1px solid rgba(252,41,153,.5);border-radius:999px;padding:.1em .6em}
.cwhen{font-size:.72rem;color:var(--steel)}
.cdel{margin-left:auto;font-size:.7rem}
.cbody{font-family:var(--prose);font-size:1.18rem;line-height:1.55;color:#E2DDEA}
.cpostcard > .cbody{margin-top:.7rem}
.cphoto{margin-top:.9rem;width:100%;max-height:560px;object-fit:contain;border-radius:4px;background:#000}
.cacts{margin-top:.9rem}
.camen{background:none;border:1px solid rgba(224,179,82,.4);border-radius:999px;color:var(--gold-lite);padding:.45em 1.1em;font:500 .8rem var(--ui);letter-spacing:.06em;cursor:pointer}
.camen.is-on{background:rgba(224,179,82,.16);border-color:var(--gold)}
.camen span{margin-left:.3em;color:#fff}
.ccomments{margin-top:.9rem;display:grid;gap:.6rem;padding-left:.9rem;border-left:1px solid rgba(224,179,82,.25)}
.ccomments li b{font-size:.86rem;color:var(--silver)}
.ccomments .cbody{font-size:1.08rem}
.ccomments .cwhen{margin-left:.5rem}
.ccomment{margin-top:.8rem;display:flex;gap:.6rem;align-items:center}
.ccomment input{font-size:1.02rem;padding:.55rem .8rem}
.cempty{text-align:center;font-family:var(--prose);font-size:1.2rem;color:var(--on-dark-soft);padding:2rem 0}
.cmore{display:block;margin:2rem auto 0}

/* ---------- private messages ---------- */
.dm{margin-top:2rem;display:grid;gap:1.4rem;min-height:60vh}
@media(min-width:860px){.dm{grid-template-columns:320px 1fr}}
.dm-list{display:grid;align-content:start;gap:1rem}
.dm-new{width:100%}
.dm-people ul,.dm-convos{display:grid;gap:.4rem;margin-top:.6rem}
.dm-people{padding:.9rem;border:1px solid rgba(224,179,82,.3);border-radius:6px;background:#0F0C15}
.dm-people button,.dm-convos button{
  width:100%;text-align:left;background:#0D0B12;border:1px solid rgba(241,241,241,.1);border-radius:6px;padding:.8rem .9rem;
  color:var(--on-dark);cursor:pointer;display:flex;align-items:center;gap:.8rem;font:inherit;
}
.dm-people button:hover,.dm-convos button:hover,.dm-convos button.is-on{border-color:rgba(224,179,82,.55)}
.dm-people b,.dm-convos b{font-family:var(--display);font-weight:600;font-size:.95rem;letter-spacing:.03em}
.dm-who{display:grid;gap:.25rem;min-width:0}
.dm-line{font-size:.82rem;color:var(--steel);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dm-none{color:var(--steel);font-size:.9rem;text-align:center;padding:1rem 0}
.dm-thread{border:1px solid rgba(241,241,241,.12);border-radius:6px;background:linear-gradient(168deg,#15111C,#0A0810);display:flex;flex-direction:column;min-height:420px}
.dm-empty{margin:auto;padding:2rem;text-align:center;font-family:var(--prose);font-size:1.2rem;color:var(--on-dark-soft)}
.dm-head{padding:1rem 1.2rem;border-bottom:1px solid var(--rule);display:flex;align-items:center;gap:1rem}
.dm-head h2{font-family:var(--display);font-weight:600;font-size:1.1rem;letter-spacing:.03em;color:var(--silver);display:flex;align-items:center;gap:.7rem}
.dm-back{display:none}
.dm-msgs{flex:1;overflow-y:auto;max-height:56vh;padding:1.2rem;display:flex;flex-direction:column;gap:.7rem}
.dm-msgs li{max-width:78%;align-self:flex-start}
.dm-msgs li.mine{align-self:flex-end;text-align:right}
.dm-msgs li p{display:inline-block;text-align:left;padding:.7rem 1rem;border-radius:14px 14px 14px 4px;background:#221B2C;font-family:var(--prose);font-size:1.12rem;line-height:1.45;color:#EDE8F3}
.dm-msgs li.mine p{border-radius:14px 14px 4px 14px;background:linear-gradient(168deg,#6B4A12,#3E2A0A);color:#FFF6DE}
.dm-msgs li span{display:block;margin-top:.25rem;font-size:.68rem;color:var(--steel)}
.dm-start{align-self:center!important;max-width:none!important;color:var(--steel);font-size:.9rem}
.dm-send{padding:1rem;border-top:1px solid var(--rule);display:flex;gap:.7rem;align-items:flex-end}
.dm-send .btn{min-height:48px;padding:.8em 1.6em}
@media(max-width:859px){
  .dm.is-open .dm-list{display:none}
  .dm:not(.is-open) .dm-thread{display:none}
  .dm-back{display:inline-block}
}

/* ---------- reactions, hearts, editing, seen by ---------- */
.cacts{display:flex;flex-wrap:wrap;gap:.5rem}
.creact{background:none;border:1px solid rgba(224,179,82,.4);border-radius:999px;color:var(--gold-lite);padding:.45em 1.05em;font:500 .8rem var(--ui);letter-spacing:.04em;cursor:pointer;transition:background-color .25s,border-color .25s,transform .2s}
.creact:active{transform:scale(.95)}
.creact.is-on{background:rgba(224,179,82,.16);border-color:var(--gold)}
.creact span{margin-left:.3em;color:#fff}
.creact--love{border-color:rgba(252,41,153,.45);color:#FFB3DA}
.creact--love.is-on{background:rgba(252,41,153,.18);border-color:var(--fuchsia)}
.creact--hearts{border-color:rgba(252,41,153,.35);color:#FFB3DA}
.cfloat{position:absolute;z-index:200;font-size:1.4rem;pointer-events:none;animation:cfloat 1.4s cubic-bezier(.22,.61,.36,1) forwards}
@keyframes cfloat{0%{opacity:0;transform:translate(-50%,0) scale(.6)}15%{opacity:1}100%{opacity:0;transform:translate(-50%,-120px) scale(1.25)}}
.cown{margin-left:auto;display:flex;gap:.9rem}
.cown .mlink,.ccomments .mlink{font-size:.7rem}
.cedit{display:grid;gap:.6rem;margin-top:.7rem}
.cedit textarea{width:100%;background:#07060B;border:1px solid var(--gold);border-radius:4px;color:var(--on-dark);font-family:var(--prose);font-size:1.12rem;line-height:1.5;padding:.7rem .9rem}
.cedit-bar{display:flex;gap:1rem;align-items:center}
.cedit .btn{min-height:42px;padding:.7em 1.6em}
.cseen{margin-top:.8rem;font-size:.8rem;color:var(--on-dark-soft)}
.cseen summary{cursor:pointer;color:var(--gold);letter-spacing:.06em;width:max-content}
.cseen ul{margin-top:.5rem;display:grid;gap:.3rem;padding-left:.8rem;border-left:1px solid rgba(224,179,82,.3)}
.cseen li b{color:var(--silver);font-weight:500}
.cseen-note{margin-top:.4rem;font-size:.7rem;color:var(--steel)}

/* ---------- round profile photos, in the flyer's gold ring ---------- */
.cav{
  flex:none;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;overflow:hidden;
  border:2px solid transparent;
  background:radial-gradient(circle at 50% 35%,#2A2134,#110D17) padding-box,linear-gradient(168deg,#825615,#FBEBB8 45%,#C9962B) border-box;
  color:var(--gold-lite);font:600 .85rem/1 var(--display);letter-spacing:.04em;
}
.cav img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}
.cav--sm{width:34px;height:34px;font-size:.68rem;border-width:1.5px}
.cav--md{width:50px;height:50px;font-size:.95rem}
.cav--xl{width:128px;height:128px;font-size:2.4rem;border-width:3px;box-shadow:0 0 0 7px rgba(224,179,82,.12),0 18px 40px -16px rgba(0,0,0,.8)}
.cwho{display:flex;flex-wrap:wrap;align-items:baseline;gap:.15rem .6rem;min-width:0}
.cwho .cwhen{flex-basis:100%}
.ccomments li{display:flex;align-items:flex-start;gap:.65rem}
.ccwords{flex:1;min-width:0}

/* my photo, at the top of Community: compact beside her name, so the post box stays near the top */
.cme{
  margin-top:2rem;padding:1.2rem;border-radius:6px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem 1.1rem;
  border:1px solid rgba(224,179,82,.35);
  background:radial-gradient(80% 120% at 0% 0%,rgba(224,179,82,.12),transparent 60%),linear-gradient(168deg,#15111C,#0A0810);
}
.cme .cav--xl{width:84px;height:84px;font-size:1.6rem;box-shadow:0 0 0 5px rgba(224,179,82,.12)}
@media(min-width:620px){.cme{padding:1.6rem;gap:1.8rem}.cme .cav--xl{width:128px;height:128px;font-size:2.4rem;box-shadow:0 0 0 7px rgba(224,179,82,.12),0 18px 40px -16px rgba(0,0,0,.8)}}
.cme.is-framing{grid-template-columns:1fr;justify-items:center;text-align:center}
.cme.is-framing #meAvatar{display:none}
.cme-words{display:grid;gap:.4rem;justify-items:start;width:100%;min-width:0}
.cme.is-framing .cme-words{justify-items:center}
.cme-eyebrow{font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}
.cme-name{font-family:var(--display);font-weight:600;font-size:clamp(1.05rem,2.6vw,1.45rem);letter-spacing:.03em;color:var(--silver)}
.cme-note{font-family:var(--prose);font-size:1rem;line-height:1.45;color:var(--on-dark-soft);max-width:34em}
@media(min-width:620px){.cme-note{font-size:1.08rem;line-height:1.5}}
.cme-acts{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.2rem;margin-top:.4rem}
.cme.is-framing .cme-acts{justify-content:center}
.cme-btn{min-height:44px;padding:.75em 1.5em;cursor:pointer}
.cme .form-status:empty{display:none}
.cme .form-status[data-state="error"]{color:#FF8CC6}
.cme .form-status[data-state="ok"]{color:var(--gold-lite)}
.cframe{display:grid;gap:.9rem;justify-items:center;margin-top:.4rem;width:100%}
.cframe-ring{
  width:min(240px,68vw);aspect-ratio:1;border-radius:50%;overflow:hidden;border:3px solid transparent;
  background:linear-gradient(#000,#000) padding-box,linear-gradient(168deg,#825615,#FBEBB8 45%,#C9962B) border-box;
}
.cframe-ring canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:none}
.cframe-ring canvas:active{cursor:grabbing}
.cframe-zoom{display:flex;align-items:center;gap:.7rem;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--steel)}
.cframe-zoom input{width:min(200px,46vw);accent-color:var(--gold)}

/* members home: her photo above the welcome */
.mhome-av{margin:0 auto 1.2rem}

/* members home: text alerts */
.malerts{margin:2rem auto 0;max-width:520px;padding:1.4rem 1.5rem;text-align:left;border-radius:6px;border:1px solid rgba(224,179,82,.3);background:linear-gradient(168deg,#16121E,#0B0910);display:grid;gap:.8rem}
.malerts-title{font-family:var(--display);font-weight:600;text-transform:uppercase;font-size:1.05rem;letter-spacing:.05em;color:var(--silver)}
.malerts .mnote b{color:var(--gold-lite);font-weight:500}
.malerts .mform{margin:0}
.malerts .check span{font-size:.84rem;line-height:1.55;color:var(--on-dark-soft)}
.malerts .check a{color:var(--gold-lite);text-decoration:underline;text-underline-offset:.2em}
.malerts .mlink{justify-self:start}

/* Community: a gentle nudge toward text alerts */
.cnudge{margin-top:1rem;text-align:center;font-family:var(--prose);font-size:1.05rem;color:var(--on-dark-soft)}
.cnudge a{color:var(--gold-lite);text-decoration:underline;text-underline-offset:.25em}

/* ---------- Prayer Room: notes pad, iPhone tip, leave screen (2026-10-09) ---------- */
.proom-actions{display:flex;align-items:center;gap:1.1rem}
.proom-notes-btn{min-height:40px;padding:.6em 1.3em;font-size:.7rem}
.proom-tip{width:var(--gutter);margin:0 auto .8rem;padding:.8rem 1rem;border:1px solid rgba(224,179,82,.35);border-radius:6px;background:#100D16;
  font-family:var(--prose);font-size:1.02rem;line-height:1.45;color:var(--on-dark-soft)}
.proom-tip b{color:var(--gold-lite);font-weight:500}
.proom-tip .mlink{margin-left:.4rem}
.proom-main{flex:1;display:flex;flex-direction:column;border-top:1px solid rgba(224,179,82,.3)}
.proom-main .proom-stage{border-top:0}
.proom.has-notes .proom-stage{min-height:42vh}
.proom-left{position:absolute;inset:0;display:grid;place-content:center;gap:1.4rem;text-align:center;padding:2rem;background:#07060B;z-index:2}
.proom-left p{font-family:var(--prose);font-size:1.4rem;color:var(--on-dark)}
.pnotes{display:flex;flex-direction:column;gap:.7rem;padding:1rem 1.1rem 1.2rem;background:#0E0B14;border-top:1px solid rgba(224,179,82,.3)}
.pnotes-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.pnotes-head h2{font-family:var(--display);font-weight:600;text-transform:uppercase;font-size:1rem;letter-spacing:.05em;color:var(--silver)}
.pnotes-note{font-size:.8rem;color:var(--steel)}
.pnotes textarea{flex:1;min-height:30vh;width:100%;resize:vertical;background:#07060B;border:1px solid rgba(241,241,241,.16);border-radius:4px;
  color:var(--on-dark);font-family:var(--prose);font-size:1.15rem;line-height:1.5;padding:.8rem .9rem}
.pnotes textarea:focus{outline:none;border-color:var(--gold)}
.pnotes-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem}
.pnotes-bar .btn{min-height:42px;padding:.65em 1.4em}
.pnotes-state{font-size:.8rem;color:var(--gold-lite)}
.pnotes-past summary{cursor:pointer;color:var(--gold);font-size:.82rem;letter-spacing:.06em}
.pnotes-day{margin-top:.9rem;padding-left:.8rem;border-left:1px solid rgba(224,179,82,.3)}
.pnotes-day h3{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--silver)}
.pnotes-day p{margin:.35rem 0;font-family:var(--prose);font-size:1.02rem;line-height:1.45;color:var(--on-dark-soft);max-height:9.5em;overflow:auto}
@media(min-width:900px){
  .proom-main{flex-direction:row}
  .proom.has-notes .proom-stage{min-height:70vh}
  .pnotes{width:380px;flex:none;border-top:0;border-left:1px solid rgba(224,179,82,.3);max-height:calc(100vh - 7.5rem);overflow:auto}
}
@media(max-width:560px){
  .proom-bar{flex-wrap:wrap}
  .proom-actions{gap:.8rem}
}
.proom-live-state{font-size:.78rem;color:var(--gold-lite);max-width:22rem;text-align:right}
@media(max-width:560px){.proom-live-state{order:3;flex-basis:100%;text-align:left}.proom-actions{flex-wrap:wrap}}