:root{--pink:#f52678;--ink:#172033;--cream:#fff8f1}*{box-sizing:border-box}body{background:#f3e9e2;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}main{background:var(--cream);min-height:100vh;max-width:470px;padding:24px 22px 110px;box-shadow:0 0 60px #583c3210}button,input,textarea{font:inherit}button{cursor:pointer;min-height:44px}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #8443a8;outline-offset:3px}.brand{display:flex;gap:10px;align-items:center;font-size:19px;font-weight:700}.brand>span{font-size:38px;color:#ff9860}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:4px}.brand button{margin-left:auto;border:0;background:transparent;font-size:22px}.greeting{font-size:26px;margin:25px 0 20px;font-weight:500;line-height:1.25}.greeting em{font-family:Georgia,serif;font-weight:400;color:#b51b61;font-size:24px}h1{font-size:27px;margin-top:26px}h2{font-size:17px}.sunset{height:215px;position:relative;isolation:isolate;overflow:hidden;border-radius:17px;background:linear-gradient(165deg,#8a96c6 0%,#dea0c1 30%,#ffc29d 52%,#ffde9b 65%,#7794b3 66%,#3a658a 100%);box-shadow:0 5px 15px #9d62751c}.sunset:after{content:'';position:absolute;bottom:-30px;left:-50px;width:65%;height:100px;background:#343d5e;transform:rotate(-15deg);border-radius:60% 55% 0 0;z-index:-1}.sun{position:absolute;left:35px;top:112px;width:35px;height:35px;border-radius:50%;background:#fff2bd;box-shadow:0 0 35px 18px #ffe7b588;z-index:-1}.sea{position:absolute;bottom:0;width:100%;height:72px;background:repeating-linear-gradient(0deg,transparent 0 7px,#ffd7c84d 8px,transparent 9px 13px);z-index:-1}.sunset blockquote{font:italic 27px/1.22 Georgia,serif;color:white;text-shadow:0 1px 4px #4e345a60;text-align:right;margin:24px 22px 0 0}.sunset>span{position:absolute;bottom:15px;right:18px;color:white;font-size:9px;letter-spacing:2px}.card{border:1px solid #f5eae4;border-radius:15px;box-shadow:0 4px 12px #744b4310;padding:17px;background:#fffdf9;margin:12px 0}.stats{gap:10px}.stats .card{padding:17px 8px}.stats b{color:#bc0c60;font-size:42px;line-height:1.2;margin-bottom:5px}.stats .card:nth-child(2) b{color:#172648}.stats small{font-size:12px;color:var(--ink)}.miniStats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.miniStats div{background:#fffdf9;border-radius:13px;text-align:center;padding:14px 4px;box-shadow:0 3px 12px #744b4310}.miniStats b{display:block;font-size:23px;margin-bottom:5px}.miniStats small{font-size:10px;line-height:1.4;display:block}.primary{background:linear-gradient(105deg,#f52280,#ff9260);border-radius:30px;padding:15px;color:#fff;font-size:16px;font-weight:600;box-shadow:0 5px 12px #f52b7925}.muted,small{color:#69656e}.ritual{border:0;box-shadow:none;background:transparent;padding:5px 6px 12px}.ritual h2{margin-bottom:8px}.ritual p{font-size:13px}.nav{max-width:470px;margin:auto;background:#fffcf7f5;border-top:1px solid #ede4df;padding:8px 9px max(18px,env(safe-area-inset-bottom));backdrop-filter:blur(12px);z-index:10}.nav button{color:#89888d;font-size:10px;font-weight:500;flex:1;padding:0}.nav span{font-size:25px;display:block;height:31px}.nav button.active{color:#ef1c71}.whyLink{background:#fffaf5;border:1px solid #f0e5df;border-radius:14px;padding:15px;width:100%;text-align:left;color:#bc0c60;margin:10px 0}.whyLink span{float:right}.hero{background:linear-gradient(120deg,#ffdbdf,#ffe6ca)}.choices{gap:7px}.choices button,.secondary{border-radius:13px;border-color:#eee0dc;color:#403b45;background:#fffaf6}.choices .selected,.secondary.selected{background:linear-gradient(120deg,#ff2c86,#ff78a1);color:white;border-color:#f22476;box-shadow:0 3px 9px #ed4b7c25}.q{font-size:14px;margin-top:23px}textarea{background:#fffcf8;border-color:#ecddd5;padding:13px;height:105px;line-height:1.6}input[type=date],input[type=search]{border:1px solid #e9ddd7;border-radius:12px;padding:12px;background:#fffdf9;color:var(--ink);width:100%}.searchLabel{font-size:12px;display:block}.searchLabel input{margin-top:8px}.monthbar{display:flex;justify-content:space-between;align-items:center;margin:18px 0}.monthbar button{border:0;background:transparent;font-size:30px;color:#25324a}.calendar{gap:7px}.calendar small{text-align:center;padding-bottom:10px}.day{border:0;border-radius:50%;aspect-ratio:1;padding:0;background:#f1ebe7;color:#222331;font-size:13px}.day.free{background:linear-gradient(135deg,#ffe3eb,#ff8bb5)}.day.drank{background:#8445a0;color:white}.day.chosen{outline:2px solid #c21060;outline-offset:2px}.day:disabled{opacity:.35;cursor:default}.legend{font-size:9px;display:flex;align-items:center;gap:5px;margin:20px 0 28px;justify-content:space-between}.legend i{width:11px;height:11px;border-radius:50%;background:#ff78a8}.legend i:nth-of-type(2){background:#8445a0}.legend i:nth-of-type(3){background:#e9e2dd}#selectedNote,.entry p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;font-size:14px}.entry{border-color:#eee5df}.entry b{font-size:13px}.photo{object-fit:cover;max-height:240px}.entry .secondary{margin:10px 0}.metricGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metricGrid .card{margin:0;min-height:110px}.metricGrid b{font-size:29px;display:block;color:#bd1264;margin:8px 0}.milestone{padding:15px 0;border-bottom:1px solid #eee3dc;display:flex;gap:12px;align-items:center}.milestone span{font-size:25px}.milestone small{display:block;margin-top:5px}#reasons{height:180px}#why .sunset{height:255px}#why blockquote{text-align:center;margin:36px 10px}.hidden{display:none!important}@media(min-width:700px){main{margin:24px auto;border-radius:25px;min-height:calc(100vh - 48px)}.nav{border-radius:0 0 22px 22px;bottom:24px}}@media(prefers-reduced-motion:no-preference){section:not(.hidden){animation:appear .2s ease-out}@keyframes appear{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}}
.nav svg{width:24px;height:24px;margin:2px auto 5px;display:block}.natureHero{background:#345351}.natureHero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 48%;z-index:-2}.natureHero:after{inset:0;width:100%;height:100%;border-radius:0;transform:none;background:linear-gradient(90deg,transparent,#102a3170);z-index:-1}.natureHero blockquote{text-shadow:0 2px 8px #14242d;font-size:28px}.insightTabs,.rangeTabs{display:flex;gap:6px;background:#f1ebe6;border-radius:25px;padding:4px;margin:20px 0}.insightTabs button,.rangeTabs button{flex:1;border:0;background:transparent;color:#30303e;border-radius:24px;font-size:13px;min-height:40px;padding:8px}.insightTabs .selected,.rangeTabs .selected{background:linear-gradient(110deg,#f52678,#ff679c);color:white;box-shadow:0 3px 8px #ef287a20}.trendCard h2{margin:0 0 5px}.trendCard .chartSummary{font-size:12px;color:#6c6470;line-height:1.6;margin:0 0 12px}.trendChart{display:block;width:100%;height:auto;overflow:visible}.trendCard details{font-size:12px;color:#68616b;margin-top:10px}.trendCard summary{cursor:pointer;padding:6px 0}.trendCard table{width:100%;border-collapse:collapse;margin-top:8px}.trendCard td,.trendCard th{text-align:left;padding:7px;border-bottom:1px solid #eee4df}.trendCard .dataScroll{max-height:220px;overflow:auto}.chartEmpty{padding:23px 8px;text-align:center;color:#776c77;font-size:14px;line-height:1.6;background:#fcf5ee;border-radius:12px}.patternRow{display:flex;justify-content:space-between;font-size:13px;margin:14px 0 6px}.patternTrack{height:8px;border-radius:8px;background:#eddbdf;overflow:hidden}.patternTrack span{display:block;height:100%;background:linear-gradient(90deg,#f52678,#ff92af);border-radius:8px}.trendIntro{font-size:13px;line-height:1.6;color:#6c6470}.rangeCaption{font-size:12px;color:#6c6470;margin-top:-10px}
#home .natureHero{height:235px}#home .natureHero img{object-position:center}#home .natureHero:after{background:linear-gradient(90deg,transparent,#101a301a)}#home .natureHero blockquote{position:absolute;right:20px;top:50%;transform:translateY(-55%);margin:0;max-width:78%;font-size:clamp(23px,5.8vw,28px);line-height:1.25;text-align:right;text-wrap:balance}#home .natureHero>span{font-size:8px;letter-spacing:1.5px;text-shadow:0 1px 3px #000}

#home .natureHero blockquote{text-shadow:0 1px 3px #14242dcc,0 2px 12px #14242d88}