:root,body[data-daypart=morning]{--r-bg:#fbf6ed;--r-panel:#fffcf7;--r-soft:#f0e3d3;--r-ink:#4a443a;--r-muted:#796d5d;--r-line:#dfd2bf;--r-accent:#b9704e;--r-on:#fffaf2;--r-orbit:#eddcc7;--r-sun:#c9825c;--r-nav:#fffaf2}
body[data-daypart=afternoon]{--r-bg:#f1f5f8;--r-panel:#fafcfe;--r-soft:#dfeaf3;--r-ink:#334757;--r-muted:#607789;--r-line:#c9d8e4;--r-accent:#426d91;--r-on:#ffffff;--r-orbit:#d6e5f1;--r-sun:#7ba4c4;--r-nav:#f7fafc}
body[data-daypart=evening]{--r-bg:#26282e;--r-panel:#30333b;--r-soft:#3b3e49;--r-ink:#eee7dc;--r-muted:#c0b8af;--r-line:#535562;--r-accent:#c7afa1;--r-on:#272931;--r-orbit:#474956;--r-sun:#e1cdbc;--r-nav:#2d3037}
body{background:var(--r-bg);color:var(--r-ink)}.sidebar{background:var(--r-panel);border-color:var(--r-line)}.brand{color:var(--r-ink)}.brand-l,.brand-dot{background:var(--r-ink)}.brand-dot:after{display:none}.sidebar-caption,header,.eyebrow{color:var(--r-muted)}header{border-color:var(--r-line)}header a{color:var(--r-ink)}.sidebar-bottom h3{color:var(--r-ink);font-weight:600}.sidebar-bottom p,.settings-link,.profile small{color:var(--r-muted)}.little-leaf{color:var(--r-accent);font-size:42px}.avatar{background:var(--r-soft);color:var(--r-ink)}.profile{border-color:var(--r-line)}nav button{color:var(--r-muted)}nav button.active{background:var(--r-soft);color:var(--r-ink);font-weight:700}nav button.active span{color:var(--r-ink)}nav button:hover{background:var(--r-soft)}h1{font-family:'DM Serif Display',Georgia,serif;font-weight:400;letter-spacing:-1px;font-size:35px}.subtitle{color:var(--r-muted);font-size:12px}.eyebrow{font-family:'DM Sans';font-weight:500;font-size:9px;letter-spacing:1.6px}.date-pill{border-color:var(--r-line);background:var(--r-panel);color:var(--r-muted);font-family:'DM Sans';letter-spacing:0}.hero{background:var(--r-soft);border:1px solid var(--r-line);border-radius:20px;padding:33px 35px;min-height:255px;color:var(--r-ink)}.hero h2{font-family:'DM Serif Display',Georgia,serif;font-size:43px;font-weight:400;letter-spacing:-.9px;line-height:1.12}.hero .eyebrow{color:var(--r-muted);font-size:9px;font-weight:500}.hero p{color:var(--r-muted);max-width:350px;font-size:12px;line-height:1.7}.hero .primary{background:var(--r-accent);color:var(--r-on);border-radius:30px;font-weight:500}.hero .primary:hover{background:var(--r-accent);color:var(--r-on);filter:brightness(1.08)}.ritual-sky{height:175px;width:285px;position:relative;flex-shrink:0;overflow:hidden;margin-right:8px}.sky-outer{position:absolute;width:265px;height:265px;border-radius:50%;background:var(--r-orbit);left:10px;top:17px}.sky-sun{position:absolute;width:168px;height:168px;border-radius:50%;background:var(--r-sun);left:58px;top:78px}.sky-line{position:absolute;bottom:0;height:1px;background:var(--r-muted);left:0;right:0}.sky-stars{display:none}body[data-daypart=afternoon] .sky-outer{top:49px;width:250px;height:250px;left:18px}body[data-daypart=afternoon] .sky-sun{top:28px;left:94px;width:97px;height:97px}body[data-daypart=afternoon] .sky-line{bottom:12px}body[data-daypart=evening] .sky-outer{top:50px;width:270px;height:270px}body[data-daypart=evening] .sky-sun{top:34px;left:99px;width:100px;height:100px}body[data-daypart=evening] .sky-sun:after{content:'';position:absolute;background:var(--r-soft);width:87px;height:87px;border-radius:50%;left:26px;top:-13px}body[data-daypart=evening] .sky-stars{display:block;position:absolute;top:13px;left:18px;color:var(--r-sun);letter-spacing:17px;font-size:19px}.snapshot-grid{gap:17px}.snapshot-card,.snapshot-total{background:var(--r-panel);border:1px solid var(--r-line);border-radius:18px;min-height:218px;padding:22px}.snapshot-total>.section-label{color:var(--r-muted);margin-bottom:17px}.snapshot-total:after{display:none}.ink-dial{background:var(--r-accent);color:var(--r-on);width:133px;height:133px}.ink-dial .snapshot-number{font-family:'DM Serif Display';font-weight:400;font-size:48px;letter-spacing:-1px;color:var(--r-on)}.ink-dial .snapshot-number small{color:var(--r-on);font-size:14px}.ink-dial>span{font-family:'DM Sans';font-size:7px;color:var(--r-on);letter-spacing:1.1px}.snapshot-total p{color:var(--r-muted);max-width:96px;right:22px;top:81px}.snapshot-number{font-family:'DM Serif Display';font-weight:400;font-size:37px;color:var(--r-ink);letter-spacing:-.5px}.snapshot-number small{color:var(--r-muted)}.snapshot-card p{color:var(--r-muted)}.snapshot-card .section-label,.section-label{font-family:'DM Sans';color:var(--r-muted);font-weight:500;font-size:9px;letter-spacing:1.1px}.status-dot,.private-dot{background:var(--r-accent)}.ink-gauge{border-color:var(--r-muted)}.ink-gauge:before{border-color:var(--r-muted);background:repeating-conic-gradient(from -90deg at 50% 100%,var(--r-muted) 0deg 1deg,transparent 1deg 14deg)}.ink-gauge span{background:var(--r-ink)}.ink-orbits i,.ink-orbits i:nth-child(3){border-color:var(--r-muted)}h2,.section-head h2{font-family:'DM Serif Display';font-size:21px;font-weight:400;letter-spacing:-.2px}.card{background:var(--r-panel);border:1px solid var(--r-line);border-radius:17px}.event{border-color:var(--r-line)}.event-icon{background:var(--r-soft);color:var(--r-accent)}.event-time,.event p{color:var(--r-muted);font-family:'DM Sans';letter-spacing:0}.event h3{color:var(--r-ink);font-family:'DM Sans';font-weight:500;font-size:13px}.event .check{border-color:var(--r-muted)}.event.done .check{background:var(--r-accent);border-color:var(--r-accent);color:var(--r-on)}.event.done h3{color:var(--r-muted)}.badge,.badge.amber{color:var(--r-muted);border-color:var(--r-line);background:var(--r-soft)}.badge.amber{border-color:var(--r-muted)}.next-step-card{background:var(--r-soft);border:1px solid var(--r-line);border-radius:18px;color:var(--r-ink)}.next-step-card h3{font-family:'DM Serif Display';font-size:27px;font-weight:400;letter-spacing:-.3px;color:var(--r-ink)}.next-step-card .section-label,.next-step-card p{color:var(--r-muted)}.next-step-card .next-step-action{background:var(--r-accent);color:var(--r-on);border-radius:28px;font-weight:500}.next-step-card .next-step-action:hover{background:var(--r-accent);filter:brightness(1.08)}.meal-title{font-family:'DM Serif Display';font-weight:400;font-size:22px;color:var(--r-ink)}.meal-meta{color:var(--r-muted)}.meal-art svg{filter:none}.dinner-card .meal-art,.meal-grid .meal-art{background:var(--r-soft)}.primary{background:var(--r-accent);color:var(--r-on);font-weight:500;border-radius:26px}.primary:hover{background:var(--r-accent);filter:brightness(1.08)}.secondary{border-color:var(--r-line);background:var(--r-panel);color:var(--r-ink);border-radius:26px}.review-note,.note-banner{border-color:var(--r-line);background:var(--r-soft);color:var(--r-ink);border-radius:13px}.review-note p,.review-note strong{color:var(--r-muted)}.text-button,.text-button:hover,a{color:var(--r-ink)}.text-button{font-weight:400}.small,.muted,.progress-caption,footer,footer span,.roadmap-item p,.routine-details p{color:var(--r-muted)}.routine-details h3{color:var(--r-ink);font-weight:500}.pill-row button{color:var(--r-muted);border-color:var(--r-line)}.pill-row button.active{background:var(--r-accent);border-color:var(--r-accent);color:var(--r-on)}.journal-entry{border-color:var(--r-line)}.grocery-row{border-color:var(--r-line)}.grocery-row:has(input:checked){color:var(--r-muted)}.mood-buttons label{border-color:var(--r-line)}.mood-buttons label:has(input:checked){background:var(--r-soft);border-color:var(--r-accent)}.mood-buttons input,.check-label input,.grocery-row input{accent-color:var(--r-accent)}input:not([type=checkbox]):not([type=radio]),select,textarea{background:var(--r-panel);border-color:var(--r-line);color:var(--r-ink)}input::placeholder,textarea::placeholder{color:var(--r-muted)}dialog{background:var(--r-panel);color:var(--r-ink);border-color:var(--r-line)}dialog p{color:var(--r-muted)}.danger{color:var(--r-ink)}#toast{background:var(--r-accent);color:var(--r-on);border-color:var(--r-line)}.roadmap-item{border-color:var(--r-line)}.sidebar nav .nav-label span{color:inherit}.sidebar nav button.active .nav-label,.sidebar nav button.active .nav-label span{color:var(--r-ink)}
@media(max-width:1100px){.ritual-sky{width:220px;transform:scale(.9);transform-origin:center right}.hero{padding:29px}.hero h2{font-size:38px}.snapshot-total p{max-width:62px;right:14px;font-size:9px}.snapshot-card{padding:19px}.ink-dial{width:125px;height:125px}}
@media(max-width:760px){body,.sidebar{background:var(--r-bg)}.sidebar{border:0}.brand{color:var(--r-ink)}.hero{padding:27px 24px;min-height:294px;border-radius:20px}.hero h2{font-size:35px;max-width:290px;letter-spacing:-.6px}.hero p{font-size:11px;max-width:222px;margin:16px 0 21px}.hero .eyebrow{font-size:7px}.hero .primary{padding:12px 15px;font-size:11px}.ritual-sky{position:absolute;right:-55px;bottom:-2px;width:200px;height:150px;transform:scale(.65);transform-origin:bottom right;margin:0;opacity:.85;z-index:0}.hero-copy{z-index:2}.snapshot-grid{grid-template-columns:1fr 1fr;gap:11px}.snapshot-total{grid-column:1/-1;min-height:185px;padding:20px}.snapshot-total>.section-label{position:relative;max-width:none;font-size:8px;margin-bottom:13px}.ink-dial{width:124px;height:124px}.snapshot-total .snapshot-number{font-size:46px}.snapshot-total p{top:70px;right:28px;max-width:105px;font-size:10px}.snapshot-card:not(.snapshot-total){min-height:198px;padding:18px;border-radius:18px}.snapshot-card .section-label{font-size:8px}.snapshot-number{font-size:33px}.section-head h2{font-size:21px}.sidebar nav{background:var(--r-nav);border-color:var(--r-line)}.sidebar nav button{color:var(--r-muted)}.sidebar nav button.active{color:var(--r-accent);background:transparent}.sidebar nav button.active>span:first-child,.sidebar nav button.active .nav-label,.sidebar nav button.active .nav-label span{color:var(--r-accent)}.sidebar nav button:hover{background:transparent}.card{border-radius:18px}.next-step-card{border-radius:18px}.next-step-card h3{font-size:27px}h1{font-size:29px;font-weight:400;letter-spacing:-.7px}.date-pill{font-size:8px}.event h3{font-size:12px}.primary{border-radius:25px}.energy-label{display:none}}

.simple-ritual{max-width:610px;margin:0 auto;text-align:center;padding:8px 20px 30px}.simple-ritual .ritual-sky{position:relative;right:auto;bottom:auto;width:100%;height:180px;margin:0 0 28px;transform:none;opacity:1}.simple-ritual .sky-outer{width:310px;height:310px;left:50%;transform:translateX(-50%);top:25px}.simple-ritual .sky-sun{width:210px;height:210px;left:50%;transform:translateX(-50%);top:80px}.simple-ritual .sky-line{bottom:0;left:0;right:0}.ritual-date{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--r-ink);margin:0 0 22px}.simple-ritual h1{font-size:52px;line-height:1.08;letter-spacing:-1.2px;margin-bottom:20px}.ritual-intro{font-size:16px;color:var(--r-muted);margin:0 0 36px}.ritual-next .section-label{font-size:10px;color:var(--r-ink);letter-spacing:1.5px}.ritual-next h2{font-family:'DM Sans';font-size:20px;font-weight:500;margin:23px 0 9px}.ritual-next p{font-size:14px;color:var(--r-muted);margin:0 0 27px}.ritual-take{width:100%;justify-content:center;gap:17px;font-size:14px;min-height:49px;border-radius:30px}.ritual-rhythm{margin-top:34px}.ritual-rhythm>.section-label{font-size:11px;color:var(--r-ink);letter-spacing:1px}.rhythm-dots{display:flex;justify-content:space-between;margin-top:23px}.rhythm-dots button{padding:0;background:none;min-width:48px}.rhythm-dot{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--r-soft);color:var(--r-accent);font-size:21px}.rhythm-dots small{display:block;margin-top:8px;font-size:10px;color:var(--r-muted)}.ritual-disclaimer{font-size:10px;color:var(--r-muted);line-height:1.6;margin-top:25px}.ritual-details{text-align:left;margin-top:22px}.ritual-details summary{text-align:center;font-size:12px;color:var(--r-muted);cursor:pointer;margin-bottom:16px}.ritual-details .event{grid-template-columns:58px 1fr auto;text-align:left}.ritual-details .event h3{font-size:12px}.ritual-details .timeline{padding:0 16px}body[data-daypart=afternoon] .simple-ritual .sky-sun{width:125px;height:125px;top:35px}body[data-daypart=evening] .simple-ritual .sky-sun{width:120px;height:120px;top:35px}body[data-daypart=evening] .simple-ritual .sky-sun:after{width:105px;height:105px;left:29px;top:-16px}body[data-daypart=evening] .simple-ritual .sky-stars{left:25%;top:15px}@media(max-width:760px){main>header>span,main>header .header-right>a,main>header .private-dot,main>header .header-right{font-size:0}main>header{position:absolute;right:19px;top:16px;height:auto;border:0;z-index:2}main>header .header-right{gap:0}main>header .header-right>a,main>header .private-dot,#help-button{display:none}main>header button.mobile-only{display:block;font-size:19px;width:34px;height:34px;border:1px solid var(--r-line);border-radius:50%;color:var(--r-ink)}.sidebar{padding:20px 24px 15px}#content{padding-top:16px}.simple-ritual{padding:0 6px 18px}.simple-ritual .ritual-sky{height:142px;margin-bottom:27px}.simple-ritual .sky-outer{width:245px;height:245px;top:17px}.simple-ritual .sky-sun{width:167px;height:167px;top:62px}.simple-ritual h1{font-size:40px;line-height:1.09;margin-bottom:20px;letter-spacing:-1px}.ritual-date{font-size:9px;margin-bottom:22px}.ritual-intro{font-size:13px;margin-bottom:30px}.ritual-next .section-label{font-size:9px}.ritual-next h2{font-size:17px;margin-top:22px}.ritual-next p{font-size:12px;margin-bottom:24px}.ritual-take{font-size:12px;min-height:46px}.ritual-rhythm{margin-top:31px}.ritual-rhythm>.section-label{font-size:10px}.rhythm-dots{margin-top:23px}.rhythm-dot{width:42px;height:42px;font-size:18px}.ritual-disclaimer{font-size:9px}.simple-ritual .sky-line{bottom:0}.ritual-details{margin-top:18px}body[data-daypart=afternoon] .simple-ritual .sky-sun,body[data-daypart=evening] .simple-ritual .sky-sun{width:100px;height:100px;top:25px}body[data-daypart=evening] .simple-ritual .sky-sun:after{width:87px;height:87px;left:25px;top:-15px}}

/* Shared horizon and centered daypart illustrations. */
body[data-daypart=afternoon] .simple-ritual .sky-outer{left:50%;top:25px;width:310px;height:310px}
body[data-daypart=afternoon] .simple-ritual .sky-sun{left:50%;top:28px;width:125px;height:125px}
body[data-daypart=afternoon] .simple-ritual .sky-line{bottom:0}
body[data-daypart=evening] .simple-ritual .sky-sun{left:50%;top:30px}
body[data-daypart=evening] .simple-ritual .sky-sun:after{background:var(--r-bg)}
body[data-daypart=evening] .simple-ritual .sky-outer{display:none}
body[data-daypart=evening] .simple-ritual .sky-stars{left:50%;transform:translateX(-50%);top:12px;letter-spacing:20px;white-space:nowrap;font-size:15px}
@media(max-width:760px){
body[data-daypart=afternoon] .simple-ritual .sky-outer{width:245px;height:245px;top:17px}
body[data-daypart=afternoon] .simple-ritual .sky-sun{width:100px;height:100px;top:25px}
body[data-daypart=evening] .simple-ritual .sky-sun{top:25px}
}

/* Lighter wordmark with matched rounded stems and a half-filled capsule. */
.brand{font-weight:700;font-size:49px;line-height:1;gap:0;align-items:flex-end}
.brand-p{letter-spacing:0;line-height:1;display:block}
.brand-i,.brand-l{position:relative;display:block;flex:none;width:6px;height:34px;border-radius:999px;background:var(--r-ink);margin-left:5px;margin-bottom:7px;align-self:flex-end}
.brand-i-dot{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(100% + 5px);width:8px;height:15px;border:1.4px solid var(--r-ink);border-radius:999px;background:linear-gradient(0deg,var(--r-ink) 50%,transparent 50%)}
.brand-dot{width:13px;height:8px;margin-left:5px;margin-bottom:7px;border-radius:999px;transform:none}
@media(max-width:760px){.brand{font-size:39px}.brand-i,.brand-l{width:5px;height:27px;margin-left:4px;margin-bottom:6px}.brand-i-dot{width:7px;height:13px;bottom:calc(100% + 4px);border-width:1.2px}.brand-dot{width:11px;height:7px;margin-left:4px;margin-bottom:6px}}

/* The capsule and i stem together match the l height. */
.brand-i{height:15px}
.brand-i-dot{bottom:calc(100% + 4px)}
@media(max-width:760px){.brand-i{height:11px}.brand-i-dot{bottom:calc(100% + 3px)}}

/* The full i is a single half-filled capsule, aligned with both l stems. */
.brand-i{width:9px;height:34px;border:1.5px solid var(--r-ink);background:linear-gradient(0deg,var(--r-ink) 50%,transparent 50%);border-radius:999px}
@media(max-width:760px){.brand-i{width:8px;height:27px;border-width:1.3px}}

.brand-i{width:16px;height:34px;min-height:34px;border:1.5px solid var(--r-ink);background:linear-gradient(0deg,var(--r-ink) 50%,transparent 50%);margin-left:5px}
@media(max-width:760px){.brand-i{width:13px;height:27px;min-height:27px;border-width:1.3px;margin-left:4px}}

/* Capsule follows the p bowl height rather than the taller l stems. */
.brand-i{height:26px;min-height:26px;width:13px}
@media(max-width:760px){.brand-i{height:21px;min-height:21px;width:11px}}

/* Restore the original Ritual serif wordmark. */
.brand{display:block;font-family:'DM Serif Display',Georgia,serif;font-size:49px;font-weight:400;line-height:1;letter-spacing:-2px;color:var(--r-ink)}
@media(max-width:760px){.brand{font-size:39px;letter-spacing:-1.6px}}
