html{background:#dce5d7;min-height:100%}body{min-height:100vh;min-height:100svh;background-color:#dce5d7;background-image:radial-gradient(ellipse at 2% 0%,#e4dbb8 0%,transparent 42%),radial-gradient(ellipse at 100% 15%,#94b6a7 0%,transparent 48%),linear-gradient(145deg,#e3e8d5,#c9d8c8 60%,#d6c9a7);background-attachment:scroll;overflow-x:hidden}header{background:#173e3ce8;color:#fff7e8;box-shadow:0 5px 25px #153e3a18;border-bottom:1px solid #c8ab6e55}.brand img{vertical-align:middle;margin-right:5px;box-shadow:0 0 20px #d9b56833;border-radius:10px}.brand small{color:#e6d1a6}nav button{color:#fbf6e7}nav button.active{background:#c6a46c;color:#173e3c}main{max-width:1250px}.hero{border-radius:24px;padding:36px 42px;background:linear-gradient(110deg,#173f3e,#315f52);box-shadow:0 20px 45px #174b3f20;position:relative;overflow:hidden;min-height:300px}.hero:before{content:'✦';position:absolute;right:20%;top:-80px;font-family:Georgia;font-size:400px;color:#d7c3920a;pointer-events:none}.hero h1{color:#fff7e8}.hero p{color:#d5e3d7}.hero .eyebrow{color:#ecd29e}.candle{position:relative;min-height:200px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse,#c6a66436,transparent 68%)}.candle img{filter:drop-shadow(0 0 32px #e2bc6d44);border-radius:32px}.candle span{font-size:12px;letter-spacing:2px;color:#e2caa0;margin-top:17px}.card{background:#fffdf8f5;box-shadow:0 8px 30px #2951470b;border:1px solid #fff8e6;border-radius:20px}.grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}.row h3{margin:0 0 8px}.date-detail{font-size:13px;color:#8b6a38;line-height:1.65}.cycle-status{font-size:12px;color:#4a6659}.cycle-status:empty{display:none}.weekdays,.days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.weekdays{font-size:10px;text-align:center;color:#707f71;margin:18px 0 9px}.days{gap:7px}.days .day{border-radius:12px;aspect-ratio:auto;min-height:60px;padding:7px 2px;display:flex;flex-direction:column;justify-content:center;gap:4px;background:#eef1e7;border:1px solid transparent;color:#31564f;font-size:14px}.day small{font-size:9px;font-weight:400;opacity:.8;white-space:nowrap}.days .day.done{background:#31564f;color:white}.days .day.selected{border:1px solid #31564f}.days .day.today{outline:2px solid #b18c58;outline-offset:1px}.days .day.future:not(.done){opacity:.55}.days .day.done{opacity:1}.days .day:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #b18c58;outline-offset:3px}button:hover{filter:brightness(.95)}.annual{background:linear-gradient(130deg,#214f49,#316453);color:#fff6e2}.annual p{color:#e1e9d8}.annual h3{color:#fff5de}.annual .eyebrow{color:#e6c486}.annual button{background:#ead6ac;color:#234d43}.annual-row{padding:14px 0;border-bottom:1px solid #ffffff20;color:#f5e4c8;font-size:13px;line-height:1.7}.annual-row:last-child{border:0}select{padding:11px;border:1px solid #d6dcd3;border-radius:7px;background:white;font:inherit;margin:8px 0}.calendar-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:24px}.calendar-heading{text-align:center}.calendar-heading h2{font-size:27px;margin:5px 0;text-transform:capitalize}.calendar-heading p{margin:5px}.calendar-tools{justify-content:center;flex-wrap:wrap;margin:20px 0}.calendar-tools button{font-size:12px}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.month-cell{min-height:100px;border:1px solid #ecebdc;border-radius:10px;background:#f8f7ef;display:flex;flex-direction:column;align-items:flex-start;padding:11px 8px;gap:7px}.month-cell strong{font-size:20px;font-weight:500}.month-cell small{font-size:10px;line-height:1.4;text-align:left}.month-cell.in-cycle{background:#e2ebdc}.month-cell.today{outline:2px solid #b18c58}.month-cell.selected{border:2px solid #31564f}.month-cell .cycle-pill{font-size:9px;padding:3px 5px;background:#31564f;color:white;border-radius:5px;line-height:1.3}.prayer svg{background:white;border-radius:9px}footer{color:#35544b}#backToday[hidden]{display:none}@media(max-width:800px){header{flex-wrap:wrap;gap:18px}nav{flex-wrap:wrap;width:100%;justify-content:space-between}nav button{padding:10px;font-size:12px}.hero{padding:30px 25px;grid-template-columns:1fr;min-height:0}.hero .candle{display:none}.grid,.calendar-layout{grid-template-columns:1fr}.card{padding:22px}.days .day{min-height:60px}.calendar-heading h2{font-size:22px}.month-cell{min-height:90px;padding:8px 4px}.month-cell strong{font-size:17px}.month-cell small{font-size:9px}.month-cell .cycle-pill{font-size:8px;padding:2px}.calendar-layout .card{padding:17px}h1{font-size:38px}}

[hidden]{display:none!important}.step:first-of-type{margin-top:20px}header{background-color:#204d4a}.status:empty{display:none}.prayer .note:empty{display:none}

.prayer{max-width:940px;margin:0 auto;font-size:21px;line-height:1.95;overflow-wrap:break-word;white-space:pre-line;color:#263b35}.prayer[dir=rtl]{font-family:"Times New Roman",Arial,serif;font-size:32px;line-height:2.1;text-align:right;letter-spacing:normal}.prayer[data-language=phon]{font-size:21px;line-height:2;font-weight:500}@media(max-width:600px){.prayer,.prayer[data-language=phon]{font-size:18px;line-height:1.9}.prayer[dir=rtl]{font-size:28px;line-height:2}}

.day strong{position:relative}.validated-tick{font-size:9px;margin-left:3px;vertical-align:top}.day-validation{margin:20px 0 8px;font-size:13px;color:#31564f}.undo-day{background:transparent;border:1px solid #b3bfb1;font-size:12px;padding:9px 12px;color:#31564f;margin-bottom:12px}

.days .day.past:not(.done){background:#e5e5e2;color:#737973;border-color:#dcded8}.days .day.past small{opacity:1}

.candle-safety{font-size:12px;line-height:1.6;margin-top:-8px}.ritual-home h3{margin-top:25px}.ritual-home h2{margin-top:0}

#ritualDialog{width:min(620px,calc(100% - 28px));max-height:calc(100dvh - 40px);overflow-y:auto;border:1px solid #e6dbc4;border-radius:22px;padding:30px;background:#fffdf8f7;color:#263b35;box-shadow:0 25px 90px #153e3a55}#ritualDialog::backdrop{background:#173e3c88;backdrop-filter:blur(5px)}#ritualDialog h2{margin-top:0}#ritualDialog h3{margin-top:22px}#ritualDialog form{position:sticky;bottom:-30px;padding:18px 0 3px;background:#fffdf8}#ritualDialog form button{width:100%;line-height:1.5}body:has(#ritualDialog[open]){overflow:hidden}.ritual-reopen{margin-bottom:22px}@media(max-width:600px){#ritualDialog{padding:22px;max-height:calc(100dvh - 24px)}#ritualDialog form{bottom:-22px}}

#ritualDialog{width:min(800px,calc(100% - 24px));border-radius:50%;padding:65px 85px;background:radial-gradient(circle at 50% 35%,#fffef6f5,#f5eedeea);box-shadow:0 0 50px #eace9566,0 25px 90px #153e3a55;text-align:center}#ritualDialog[open]{animation:ritual-appear .8s ease-out both}#ritualDialog::backdrop{background:#173e3c30;backdrop-filter:blur(2px)}#ritualDialog .ritual-content{color:#284e46;text-shadow:0 0 12px #d1b27455}#ritualDialog h2{color:#8f6a31;text-shadow:0 0 18px #dbb66b88}#ritualDialog h3{margin:17px 0 6px}#ritualDialog p{margin:6px 0;font-size:14px;line-height:1.6}#ritualDialog .candle-safety{font-size:11px}#ritualDialog .note{font-size:11px;border:0;padding:0;margin-top:16px}#ritualDialog form{position:static;background:transparent;padding:20px 0 0}#ritualDialog form button{font-size:13px}#ritualDialog.vanishing{animation:ritual-disappear .45s ease-in both}#ritualDialog.vanishing::backdrop{background:transparent;backdrop-filter:none}@keyframes ritual-appear{from{opacity:0;transform:scale(.6) translateY(18px);filter:blur(8px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes ritual-disappear{to{opacity:0;transform:scale(.9);filter:blur(5px)}}@media(max-width:650px),(max-height:750px){#ritualDialog{border-radius:50px;padding:28px 25px}#ritualDialog h2{font-size:25px}}@media(prefers-reduced-motion:reduce){#ritualDialog[open],#ritualDialog.vanishing{animation:none}}

.departure-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.departure-pair .card{min-width:0}@media(max-width:800px){.departure-pair{grid-template-columns:1fr}}

.practice-disclaimer{display:inline-block;font-size:10px;line-height:1.5;margin-top:7px;max-width:620px}

.ui-language{display:flex;gap:4px;border:1px solid #d9c18a66;border-radius:10px;padding:3px}.ui-language button{padding:8px 10px;font-size:12px;background:transparent;color:#fff7e8}.ui-language button.active{background:#ead6ac;color:#173e3c}header{gap:15px;flex-wrap:wrap}@media(max-width:800px){.ui-language{margin-left:auto}}

#ritualDialog .candle-safety{font-size:10px;font-style:italic;line-height:1.5}

.prayer-step-link{margin:18px 0 2px}

.brand{display:flex;align-items:center;gap:14px;flex-shrink:0}.brand-title{display:flex;flex-direction:column;gap:3px}.brand-intro{font-size:27px;line-height:1.15}.brand-name{font-size:42px;line-height:1.15}.brand small{margin-top:5px}@media(max-width:700px){.brand-intro{font-size:23px}.brand-name{font-size:34px}.brand{gap:10px}.brand img{width:40px;height:40px}}

.brand-de{font:14px 'Playfair Display',Georgia,serif;line-height:1.1;color:#e6d1a6;margin:1px 0}.brand-title{align-items:flex-start}#ritualDialog .ritual-close{position:absolute;top:16px;right:23px;width:40px;height:40px;padding:0;font-size:30px;line-height:1;background:transparent;color:#8f6a31;border-radius:50%;z-index:3}#ritualDialog form .ritual-dismiss{width:auto;background:transparent;color:#987238;padding:8px 15px;font-size:12px;font-weight:400;text-decoration:underline;text-underline-offset:4px}#ritualDialog form{padding-top:14px}#ritualDialog{padding-top:65px}@media(max-width:650px),(max-height:750px){#ritualDialog{padding-top:55px}}

@media(min-width:651px) and (min-height:751px){#ritualDialog .ritual-close{top:12%;right:20%}}

header{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;position:relative;padding:28px 24px 22px;gap:22px}header .brand{justify-content:center;position:relative;text-align:center}header .brand-title{align-items:center}header .brand img{position:absolute;right:calc(100% + 14px);top:50%;transform:translateY(-50%)}header nav{display:flex;width:auto;justify-content:center;gap:12px;flex-wrap:wrap}header .ui-language{position:absolute;right:24px;top:22px;margin:0}@media(max-width:800px){header{padding:75px 18px 20px;gap:20px}header .ui-language{right:16px;top:15px}header nav{width:100%;gap:5px;justify-content:center}header .brand img{position:static;transform:none;margin:0}header .brand{gap:9px}}

header .brand{display:block}header .brand-name-row{display:flex;align-items:center;justify-content:center;gap:16px}header .brand-name{font-size:56px}header .brand img{position:static;transform:none;width:64px;height:64px;margin:0}header nav button{font-size:13px;padding:10px 16px}.hero .candle img{width:180px;height:180px}@media(max-width:700px){header .brand-name{font-size:clamp(30px,8vw,42px)}header .brand img{width:46px;height:46px}header .brand-name-row{gap:10px}header nav button{font-size:12px;padding:9px 12px}.hero .candle{display:flex;min-height:190px}.hero .candle img{width:145px;height:145px}.hero .candle span{margin-top:8px}}

/* Consistent ritual typography and a smaller aligned header candle. */
#ritualDialog .ritual-content h3{font-size:20px;line-height:1.35}
#ritualDialog .ritual-content p:not(.eyebrow):not(.candle-safety){font-size:14px;line-height:1.6}
header .brand-name-row{align-items:center}
header .brand img{width:52px;height:52px;flex-shrink:0;align-self:center}
@media(max-width:700px){header .brand img{width:38px;height:38px}}

@media(max-width:800px){
 header{padding:38px 12px 15px;gap:14px;width:100%;min-width:0}
 header .ui-language{top:5px;right:10px;padding:2px;gap:2px;border-radius:7px}
 header .ui-language button{font-size:10px;padding:5px 7px;line-height:1.2}
 header .brand,header .brand-title,header .brand-name-row{min-width:0;max-width:100%}
 header .brand-name{font-size:clamp(26px,7.7vw,42px);overflow-wrap:anywhere}
 header .brand-name-row{gap:8px}
 header .brand img{width:34px;height:34px}
 header .brand-intro{font-size:23px}
 header nav{min-width:0;gap:3px}
 header nav button{font-size:12px;padding:9px 10px}
}

#ritualDialog form{display:flex;justify-content:center;gap:8px 20px;flex-wrap:wrap}#ritualDialog form .ritual-dismiss{font-size:12px;color:#987238}

header .brand-intro{font-size:32px}header .brand-de{font-size:17px}header .brand-name{font-size:66px}header .brand img{width:61px;height:61px}header .brand small{font-size:12px}
.hero .segoula-symbol img{width:220px;height:220px;filter:drop-shadow(0 0 24px #e2bc6d20)}.hero .segoula-symbol span{font-size:11px;letter-spacing:1px;text-align:center;max-width:260px}
@media(max-width:800px){header .brand-intro{font-size:27px}header .brand-de{font-size:16px}header .brand-name{font-size:clamp(29px,8.7vw,50px)}header .brand img{width:39px;height:39px}header .brand small{font-size:11px;letter-spacing:2px}.hero .segoula-symbol img{width:170px;height:170px}}

.hero h1 .hero-invocation{display:inline-block;font-size:.53em;line-height:1.5;margin-top:12px}
/* Softer sage, cream and a blush accent. */
:root{--green:#42685f;--cream:#faf6f0;--ink:#314b43;--gold:#b59670}
html{background:#e6e9df}body{background-color:#e6e9df;background-image:radial-gradient(ellipse at 0 0,#f0e2d8,transparent 47%),radial-gradient(ellipse at 100% 15%,#b4cbbb,transparent 52%),linear-gradient(145deg,#efeee0,#dae5d8 65%,#eadbd2)}header{background:#355c53;color:#fff7ed;border-color:#d2baa055}.hero{background:linear-gradient(115deg,#3b6258,#668675);box-shadow:0 15px 40px #355c531a}.hero h1{font-size:clamp(32px,4.4vw,50px)}.hero h1 .hero-invocation{font-size:.48em}.hero p{color:#e8eee1}.card{background:#fffaf5f5;border-color:#eee4d7}.annual{background:linear-gradient(130deg,#416c5e,#71917a)}nav button.active{background:#dec6a4;color:#28483e}.ui-language button.active{background:#ecdac2;color:#28483e}#ritualDialog{background:radial-gradient(circle at 50% 35%,#fffaf3f7,#f1e7dbef)}
@media(max-width:700px){.hero h1{font-size:34px}}

/* Midnight blue, gold and white palette preview. */
:root{--green:#233550;--cream:#f6f7fa;--ink:#25334b;--gold:#b29251}html{background:#eef0f5}body{background-color:#eef0f5;background-image:radial-gradient(ellipse at 0 0,#e8dfcb,transparent 46%),radial-gradient(ellipse at 100% 15%,#c2cbdc,transparent 52%),linear-gradient(145deg,#f7f8fb,#e6eaf1 65%,#efe7d6)}header{background:#17243d;color:#fff;border-color:#c6a56266}.brand small,.brand-de{color:#e7cf96}nav button.active{background:#c7a76a;color:#17243d}.ui-language button.active{background:#e9d6aa;color:#17243d}.hero{background:linear-gradient(115deg,#17243d,#324562)}.hero h1{color:#fff}.hero .candle span{color:#e7cf96;max-width:290px;line-height:1.7;font-size:12px;letter-spacing:.3px}.card{background:#fffffff5;border-color:#e3e6ed}.annual{background:linear-gradient(130deg,#1d2e49,#3b4d69)}.annual p{color:#e5e9f1}.annual button{background:#e7d3a4;color:#17243d}.annual-row{color:#f3e7cb}.days .day{background:#edf0f5;color:#34445e}.days .day.selected{border-color:#34445e}.month-cell{background:#f4f5f9;border-color:#e3e6ed}.month-cell.in-cycle{background:#e4e9f2}.month-cell.selected{border-color:#34445e}.month-cell .cycle-pill{background:#233550}.cycle-status,footer{color:#53627b}#ritualDialog{background:radial-gradient(circle at 50% 35%,#fffffffa,#edf0f5f2)}#ritualDialog .ritual-content{color:#253955}#ritualDialog h2,#ritualDialog .ritual-close,#ritualDialog form .ritual-dismiss{color:#a18143}.days .day.done{background:#31564f;color:white}

html{background:#eef0f5}body{background:radial-gradient(ellipse at 0 0,#eee7d8,transparent 46%),radial-gradient(ellipse at 100% 15%,#c8d0df,transparent 52%),linear-gradient(145deg,#f8f9fc,#e6ebf3 65%,#efe9de);background-color:#eef0f5}.days .day.done{background:#233550;color:white}.rahel-nowrap{white-space:nowrap}.hero .candle span.rahel-nowrap{display:inline;font-size:inherit;letter-spacing:inherit;margin:0}.hero .candle>span{max-width:310px}.day-validation,.status{color:#233550}.ritual-reopen{background:#e6eaf2;color:#233550}

html{background-color:#17243d}body{background-color:#eef0f5}body::before,body::after{background-color:transparent}

.personal-testimony{margin-top:30px;padding-top:28px;border-top:1px solid #c7a76a66}.personal-testimony p{line-height:1.9;color:#46546a}.personal-testimony h2{color:#233550}

#testimonials .testimonial-info{font-size:11px;font-style:italic;line-height:1.6}.hero h1{color:#fff;text-shadow:0 0 1px #c6a562,0 0 10px #c6a56226;-webkit-text-stroke:.25px #d6bc843d}.hero h1 .hero-invocation{color:#fff;text-shadow:0 0 1px #c6a562,0 0 8px #c6a56222;-webkit-text-stroke:.2px #d6bc843d}

.hero h1,.hero h1 .hero-invocation{color:#fffaf1;-webkit-text-stroke:.45px #d4b57288;text-shadow:0 1px 1px #b38d4c66,0 0 12px #d4b57233}