@layer components{.app-walkthrough{padding-block:6rem 7rem}.app-walkthrough [hidden]{display:none!important}.walkthrough-heading{grid-template-columns:1.2fr .8fr;align-items:end;gap:1.2rem 4rem;display:grid}.walkthrough-heading .eyebrow{color:#72519e;grid-column:1/-1;margin-bottom:0}.walkthrough-heading h2{max-width:720px;font-size:clamp(2.8rem,4.7vw,4.5rem)}.walkthrough-heading>p:last-child{max-width:620px;color:var(--ink-soft);margin-top:1.4rem;font-size:1.03rem}.demo-step-nav{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:.7rem;margin-top:2.2rem;padding-bottom:2.2rem;display:flex}.demo-step-nav button{color:#5f5968;cursor:pointer;background:0 0;border:1px solid #dad6de;border-radius:100px;align-items:center;gap:.7rem;min-height:46px;padding:.65rem 1.1rem;font-size:.82rem;font-weight:650;display:flex}.demo-step-nav button>span{color:#706779;background:#e9e5ed;border-radius:50%;place-items:center;width:1.45rem;height:1.45rem;font-size:.67rem;display:grid}.demo-step-nav button[aria-current=step]{border-color:var(--night);color:#fff;background:var(--night)}.demo-step-nav button[aria-current=step]>span{color:var(--night);background:var(--lime)}.demo-step-nav button:hover:not(:disabled):not([aria-current=step]){background:#e9e3f0}.demo-step-nav button:disabled{cursor:default}.walkthrough-layout{grid-template-columns:.88fr 1.12fr;align-items:start;gap:clamp(2rem,5vw,5rem);padding-top:2.7rem;display:grid}.walkthrough-guidance{padding-top:2.7rem}.demo-step-label{color:#755293;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.4rem;font-size:.65rem;font-weight:700}.walkthrough-guidance h3{max-width:450px;font-size:clamp(2.6rem,3.4vw,3.8rem)}.walkthrough-guidance article>p:not(.demo-step-label){max-width:430px;color:var(--ink-soft);margin-top:1.6rem;font-size:.97rem;line-height:1.85}.walkthrough-guidance ul{gap:1.1rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.walkthrough-guidance li{color:#48424f;align-items:start;gap:.8rem;max-width:410px;font-size:.83rem;display:flex}.walkthrough-guidance li>span{color:#755293;border:1px solid #bba5d5;border-radius:50%;flex:none;place-items:center;width:1.4rem;height:1.4rem;font-size:.62rem;display:grid}.walkthrough-real-link{margin-top:2.5rem}.demo-stage{min-width:0}.demo-notice{color:#73677f;text-align:center;justify-content:center;align-items:center;gap:.55rem;min-height:40px;padding:.45rem .7rem;font-size:.63rem;display:flex}.demo-notice>span{color:#7e5aaa}.demo-app-window{color:#3f3445;background:#fffcf7;border:1px solid #d9d2df;border-radius:22px;overflow:hidden;box-shadow:0 25px 70px #33204315,0 3px 8px #33204308}.demo-app-header{background:#fffdf9;border-bottom:1px solid #e6dfea;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.6rem;display:flex}.demo-brand{letter-spacing:-.035em;align-items:center;gap:.5rem;font-size:.82rem;font-weight:750;display:inline-flex}.demo-brand svg{color:#7754b8;width:20px;height:26px}.demo-badge{color:#6a577d;letter-spacing:.1em;background:#eee7f5;border-radius:5px;padding:.2rem .45rem;font-size:.55rem;font-weight:700}.demo-screen{min-height:595px;padding:1.8rem}.demo-screen h4{letter-spacing:-.055em;margin:.2rem 0 1rem;font-size:1.85rem;font-weight:720;line-height:1.15}.demo-screen h5{letter-spacing:-.035em;margin:.5rem 0 .85rem;font-size:1.45rem;font-weight:650;line-height:1.2}.demo-screen p{font-size:.83rem;line-height:1.7}.demo-screen>p:not(.demo-eyebrow){color:#736878}.demo-eyebrow{color:#856a93;letter-spacing:.11em;text-transform:uppercase;margin-bottom:.4rem;font-weight:750;font-size:.6rem!important}.demo-join{padding:2rem 2.5rem}.demo-welcome-mark{color:#9f80b5;margin-bottom:1.3rem;font-size:2rem;line-height:1;display:block}.demo-join h4{max-width:400px;font-size:2.35rem}.demo-entry-details{grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:1.8rem;display:grid}.demo-entry-details small{color:#85798d;margin-bottom:.55rem;font-size:.64rem;display:block}.demo-entry-details strong{border-bottom:1px solid #dbd2e2;justify-content:space-between;gap:.5rem;padding-bottom:.6rem;font-size:.79rem;font-weight:650;display:flex}.demo-entry-details strong>span{color:#9675b0}.demo-age-note{margin:1.5rem 0 1.1rem;font-size:.73rem!important}.demo-button{cursor:pointer;border:1px solid #0000;border-radius:100px;justify-content:center;align-items:center;gap:.8rem;min-height:44px;padding:.75rem 1rem;font-size:.74rem;font-weight:650;line-height:1.4;display:inline-flex}.demo-button:disabled{cursor:default;opacity:.65}.demo-primary{color:#fff;background:#66509c}.demo-primary:hover:not(:disabled){background:#513782}.demo-secondary{color:#665176;background:0 0;border-color:#d6cddd}.demo-secondary:hover:not(:disabled){background:#f0e8f5}.demo-join>.demo-button{justify-content:space-between;width:100%;margin-top:.5rem}.demo-fine-print{color:#8b8092;margin-top:.8rem;font-size:.62rem;line-height:1.7;display:block}.demo-room-caption{margin-top:-.5rem;font-size:.65rem!important}.demo-decades{isolation:isolate;justify-content:space-between;margin:1.6rem 0 1.3rem;display:flex;position:relative}.demo-decades:before{z-index:-1;content:"";background:#ded3e4;height:2px;position:absolute;top:50%;left:0;right:0}.demo-decades span{color:#93839f;background:#fffcf7;border:1px solid #d8cce0;border-radius:50%;place-items:center;width:22px;height:22px;font-size:.58rem;display:grid}.demo-decades .done{color:#fff;background:#97738f;border-color:#97738f}.demo-prayer-card{color:#fff;background:#42264f;border-radius:15px;padding:1.3rem 1.5rem}.demo-prayer-card .demo-eyebrow{color:#e1c593}.demo-prayer-card blockquote{color:#f3eaf5;min-height:82px;margin:0;font-family:Georgia,serif;font-size:.94rem;line-height:1.75}.demo-response-button{color:#e0c28c;cursor:pointer;background:0 0;border:0;align-items:center;gap:.8rem;min-height:36px;margin-top:.65rem;padding:.35rem 0;font-size:.64rem;display:flex}.demo-contributor{border:1px solid #ddc7a3;border-radius:12px;align-items:center;gap:.75rem;margin-top:.7rem;padding:.75rem;display:flex}.demo-avatar{color:#c19b54;background:#533356;border:1px solid #d5b982;border-radius:50%;flex:none;place-items:center;width:35px;height:35px;display:grid}.demo-contributor strong,.demo-contributor small{display:block}.demo-contributor strong{font-size:.74rem}.demo-contributor small{color:#82718d;margin-top:.1rem;font-size:.57rem}.demo-report{color:#826192;cursor:pointer;background:0 0;border:1px solid #dacddf;border-radius:50%;flex:none;width:32px;height:32px;margin-left:auto}.demo-volunteer{margin-top:1.4rem}.demo-volunteer>strong{font-size:.77rem}.demo-volunteer>p{color:#8a7b93;margin-top:.3rem;font-size:.67rem}.demo-actions{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.demo-local-note{color:#705b80;background:#f2ebf5;border-left:2px solid #9575b5;margin-top:1rem;padding:.7rem .85rem;font-size:.72rem!important}.demo-offer-meta{color:#826d8d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin-top:1.3rem;font-size:.64rem;display:flex}.demo-offer-meta strong{color:#73527b;white-space:nowrap;background:#efe4ee;border-radius:8px;padding:.45rem .6rem}.demo-assigned-text{color:#72577e;background:#f4edf5;border-left:2px solid #b593bf;margin:1.8rem 0;padding:1.2rem 1.3rem;font-family:Georgia,serif;font-size:1.05rem;line-height:1.85}.demo-record-dot{background:#e9b3b8;border-radius:50%;width:8px;height:8px}.demo-continues{color:#8c7b94;border-top:1px solid #e4dce9;margin-top:2.3rem;padding-top:1rem;font-size:.67rem!important}.demo-countdown{color:#8a65a3;letter-spacing:-.08em;place-items:center;min-height:200px;font-size:6rem;font-weight:650;display:grid}.demo-record-disclosure{color:#8c657e;margin-block:1.1rem;font-size:.65rem!important}.demo-record-disclosure>span{margin-right:.4rem}.demo-record-cues{margin-block:1.8rem}.demo-record-cues p{color:#87748d;border-radius:6px;margin-block:.65rem;padding:.45rem .7rem;font-family:Georgia,serif;font-size:1.1rem}.demo-record-cues .current{color:#3f2551;background:#e6d6ef;box-shadow:inset 3px 0 #9970b2}.demo-record-progress{background:#e9dfea;height:3px}.demo-record-progress i{background:#a67cba;width:0;height:100%;display:block}.demo-record-time{color:#8c7a94;font-variant-numeric:tabular-nums;margin-top:.6rem;font-size:.64rem!important}.demo-preview-wave{background:#f5edf7;border:1px solid #ddd1e4;border-radius:12px;align-items:center;gap:.9rem;margin-top:1.8rem;padding:1rem;display:flex}.demo-preview-wave>span{color:#9270aa;font-size:1.4rem}.demo-preview-wave>div{flex:1;justify-content:space-between;align-items:center;gap:4px;height:34px;display:flex}.demo-preview-wave i{width:3px;height:var(--wave-height);background:#9d7abb;border-radius:3px}.demo-preview-wave strong{color:#9d86ab;font-size:.65rem}.demo-result-mark{color:#9270a8;background:#f1e7f5;border:1px solid #d5c4e0;border-radius:50%;place-items:center;width:80px;height:80px;margin:2rem 0;font-size:2.4rem;display:grid}.demo-result-mark.approved{color:#667d4e;background:#ecf0e2;border-color:#cbd6b9}.demo-check-flow{gap:.5rem;margin-block:2rem;display:flex}.demo-check-flow span{color:#98879f;border-top:2px solid #d9cddd;flex:1;padding-top:.7rem;font-size:.65rem}.demo-check-flow .active{color:#77548f;border-color:#8860a8}[data-demo-review-phase=approved]>.demo-button{margin-top:2rem}.demo-complete{text-align:center;flex-direction:column;align-items:center;display:flex}.demo-complete h4{max-width:360px;margin-top:.6rem;font-size:2.1rem}.demo-complete>p{max-width:350px}.demo-complete .demo-button{width:100%;margin-top:.7rem}.demo-guest-disclosure{background:#eee9f0;border-radius:100px;margin:1.5rem 0;padding:.5rem .8rem;font-size:.64rem!important}.demo-navigation{justify-content:space-between;align-items:center;gap:.5rem;padding-top:1.3rem;display:flex}.demo-navigation button{color:#6b4c89;cursor:pointer;background:0 0;border:0;min-height:42px;padding:.5rem .2rem;font-size:.74rem;font-weight:650}.demo-navigation button:disabled{color:#b1a9b9;cursor:default}.demo-navigation>span{color:#897d92;font-size:.68rem}.demo-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-walkthrough:not(.demo-enhanced) .walkthrough-layout{grid-template-columns:1fr}.app-walkthrough:not(.demo-enhanced) .walkthrough-guidance{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.app-walkthrough:not(.demo-enhanced) .demo-screen{border-bottom:1px solid #dbd0e2}@media (width<=1000px){.walkthrough-layout{grid-template-columns:.8fr 1.2fr;gap:2rem}.demo-screen{padding:1.4rem}.demo-join{padding:1.7rem}.demo-join h4{font-size:2rem}}@media (width<=760px){.app-walkthrough{padding-block:4rem}.walkthrough-heading{display:block}.walkthrough-heading .eyebrow{margin-bottom:1.2rem}.walkthrough-heading h2{font-size:2.8rem}.walkthrough-heading>p:last-child{font-size:.93rem}.demo-step-nav{flex-wrap:nowrap;justify-content:space-between;gap:.3rem;margin-top:1.7rem;padding-bottom:1.4rem}.demo-step-nav button{border-radius:12px;flex-direction:column;flex:1;gap:.35rem;min-width:0;padding:.65rem .3rem;font-size:.61rem}.demo-step-nav button>span{width:1.25rem;height:1.25rem;font-size:.56rem}.walkthrough-layout{grid-template-columns:1fr;gap:1.5rem;padding-top:1.7rem}.app-walkthrough.demo-enhanced .demo-stage{grid-row:1}.walkthrough-guidance{padding-top:0}.walkthrough-guidance h3{max-width:100%;font-size:2rem}.demo-step-label{margin-bottom:.7rem;font-size:.6rem}.walkthrough-guidance article>p:not(.demo-step-label){margin-top:.8rem;font-size:.87rem;line-height:1.75}.walkthrough-guidance ul{gap:.65rem;margin-top:1rem}.walkthrough-guidance li{font-size:.74rem}.walkthrough-real-link{display:none}.demo-notice{min-height:35px;font-size:.53rem}.demo-app-header{padding:.8rem 1rem}.demo-brand{font-size:.76rem}.demo-screen{min-height:540px;padding:1.3rem}.demo-screen h4{font-size:1.7rem}.demo-screen h5{font-size:1.2rem}.demo-screen p{font-size:.8rem}.demo-join h4{font-size:2rem}.demo-prayer-card{padding:1rem}.demo-prayer-card blockquote{min-height:115px;font-size:.9rem}.demo-button{padding:.75rem .85rem;font-size:.7rem}.demo-entry-details{gap:.8rem}.demo-entry-details strong{font-size:.72rem}.demo-assigned-text{padding:1rem;font-size:1rem}.demo-record-cues p{font-size:1rem}.demo-complete h4{font-size:1.85rem}.app-walkthrough:not(.demo-enhanced) .walkthrough-guidance{grid-template-columns:1fr}}}