:root,html[data-look]{--bg:#fffaf3;--paper:#fffcf8;--text:#590c29;--muted:#916879;--line:#ecd9d4;--wine:#9c214e;--pink:#ad315e;--violet:#92599d;--shadow:0 5px 20px #8e4e3920;color:var(--text);background:var(--bg);font-family:Arial,'Segoe UI',sans-serif}
html,body{background:#fffaf3!important;color:var(--text)!important}body{margin:0}button,input,select,textarea{font:inherit}button{touch-action:manipulation}button:focus-visible{outline:3px solid #237baf;outline-offset:3px}#app{position:relative;isolation:isolate;width:100%;max-width:820px!important;margin:0 auto!important;padding:22px 22px 120px!important;min-height:100dvh}#app>*{position:relative}.top{display:flex;align-items:center;justify-content:space-between;margin:0 0 28px;gap:10px}.brand{display:flex;align-items:center;gap:10px;border:0;background:none;padding:0;color:#850a35;font-size:clamp(23px,5vw,32px);letter-spacing:-1px}.brand strong{font-weight:800}.appFlower{width:33px;height:33px;flex:none}.profile{position:relative;border:1px solid #ffe8dd;border-radius:50%;background:linear-gradient(135deg,#ffe8dd,#f7c9ce);color:#a52c5c;width:47px;height:47px;display:grid;place-items:center;box-shadow:0 2px 10px #dfb9a533}.profile svg{width:25px;height:25px}.cogbadge{position:absolute;right:-3px;bottom:-1px;background:#fff4e9;border-radius:50%;font-size:16px;padding:1px}.welcome{margin:16px 0 24px;max-width:90%}.lead{font-size:clamp(29px,6.3vw,46px);line-height:1.15;letter-spacing:-1.4px;color:#55051e;margin:10px 0 7px}.sub{font-size:clamp(15px,3.4vw,21px);color:#b7476f;margin:6px 0 20px}.sectionTitle{font-size:clamp(19px,4.2vw,26px);font-weight:800;letter-spacing:-.6px;margin:26px 0 14px}.featureGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.feature{display:flex;align-items:center;gap:8px;min-height:116px;border:1.5px solid #fffae4;border-radius:26px;padding:10px 12px 10px 5px;box-shadow:inset 0 2px 5px #fff9, inset 0 -4px 12px #753d4520,0 4px 13px #cda5643d;text-align:left;color:#540723;overflow:hidden;position:relative}.feature:before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 15% 0%,#ffffffe6,transparent 43%),radial-gradient(ellipse at 90% 100%,#fff7,transparent 40%);pointer-events:none}.feature b{font-size:clamp(15px,3vw,23px);letter-spacing:-.6px;position:relative;overflow-wrap:normal}.feature .chevron{margin-left:auto;font-size:32px;font-weight:300;color:#9c2950}.feature-activity{background:linear-gradient(120deg,#fff0c8,#f5c182)}.feature-baby{background:linear-gradient(120deg,#ffc0d5,#f471ad)}.feature-tasks{background:linear-gradient(120deg,#339ac9,#4cb3e4)}.feature-money{background:linear-gradient(120deg,#19b59b,#68dfc0 62%,#008d7e)}.feature-meds{background:linear-gradient(120deg,#d87aee,#c264db 65%,#edb8f4)}.feature-shopping{background:linear-gradient(120deg,#e9ae89,#e9956e)}
.art{display:block;position:relative;flex:none;width:88px;height:88px;border-radius:50%;background-image:url('./assets/design-atlas.png');background-repeat:no-repeat;background-size:491.52px 737.28px;box-shadow:0 0 0 1.3px #fff9,0 0 8px #fff8}.art-activity{background-position:-28px -370px}.art-baby{background-position:-258px -374px}.art-tasks{background-position:-28px -471px}.art-money{background-position:-259px -471px}.art-meds{background-position:-28px -572px}.art-shopping{background-position:-260px -572px}.art-cup{background-position:-27px -204px}.sunsetHero{display:flex;align-items:center;gap:20px;overflow:hidden;padding:24px 18px;min-height:165px;border-radius:28px;border:1.5px solid #fff8df;background:linear-gradient(105deg,#fff0df 10%,#fbd3ca 50%,#ef9b9a);box-shadow:inset 0 2px 8px #fff,0 6px 20px #d6a27038}.sunsetHero:before{content:'';position:absolute;right:0;top:0;width:48%;height:100%;opacity:.7;background-image:url('./assets/design-atlas.png');background-size:820px 1230px;background-position:-476px -314px;mask-image:linear-gradient(to right,transparent,#000 45%)}.sunsetHero>div{position:relative}.sunsetHero b{font-size:24px}.sunsetHero p{font-size:14px;margin:7px 0 12px}.sunsetHero .art{width:88px}.card,.active,.choice,.tile{border-radius:22px!important;border:1px solid #ecd8d1!important;box-shadow:0 3px 14px #8d5e4210!important;background:#fffdf9!important;color:var(--text)!important}.card{padding:19px}.active{background:linear-gradient(130deg,#fff5df,#f9d6da)!important;padding:19px}.btn{border-radius:16px;background:#9f2755;color:#fff}.btn.outline{background:#fffcf8;color:#8a2650;border-color:#cc9bb0}.btn.neutral,.btn.secondary{background:#f6e8ea;color:#823c58}.btn.small{min-height:40px}.clock,.bigNum{color:#650e30}.field input,.field select,.field textarea{background:#fffefa;border-color:#e2c9c9;color:#57283b;border-radius:14px}.lookbar{display:none}.moreActivities summary{cursor:pointer;font-weight:700}.moreActivities .tilegrid{margin-top:15px}.footer{text-align:center;color:#a87982;font-size:13px;margin-top:24px}.bottom{position:fixed!important;inset:auto 0 0!important;width:100%!important;height:auto!important;background:#fffaf6ed!important;backdrop-filter:blur(14px);border-top:1px solid #edd7c8!important;z-index:30;padding:8px 12px calc(8px + env(safe-area-inset-bottom))!important;box-shadow:none!important}.bottominner,#navigation{position:static!important;display:flex!important;max-width:820px!important;margin:auto!important;padding:0!important;gap:14px!important;width:100%!important}.bottom .nav,#navigation .nav{display:flex!important;align-items:center;justify-content:center;flex-direction:column;gap:4px;flex:1;padding:8px!important;min-height:58px!important;border-radius:22px;font-size:14px;background:transparent!important;color:#98536f!important;border:0!important}.nav svg{width:24px;height:24px}.bottom .nav.on,#navigation .nav.on{color:#ae124e!important;background:#fce2e5!important;font-weight:800}.dayPicker{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid #ebd7d2;border-radius:22px;background:#fff6ef;margin:22px 0}.dayPicker label{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0}.dayPicker label span{font-size:11px;color:#99707e;margin-bottom:4px}.dayPicker input{font-weight:700;font-size:17px;border:0;background:transparent;color:#6f1536;max-width:100%;padding:2px}.dayArrow{width:40px;height:44px;flex:none;border:1px solid #e5c6b9;border-radius:50%;background:#fffdf8;color:#9e2650;font-size:30px}.todayButton{border:0;border-radius:16px;background:#f5dfe6;color:#83244b;padding:10px;font-size:13px}.dailyStats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dailyStats .card{margin:0;display:flex;flex-direction:column;text-align:left;gap:8px;background:linear-gradient(130deg,#fff1df,#fffaf3)!important}.dailyStats small{font-size:13px;color:#945e72}.dailyStats b{font-size:25px}.chartLayout{display:grid;grid-template-columns:1fr;gap:20px;margin:24px 0}.dayDonut{width:220px;height:220px;max-width:100%;border-radius:50%;display:grid;place-items:center;margin:auto;box-shadow:0 4px 15px #7d314722}.dayDonut>div{background:#fffaf3;border-radius:50%;width:158px;height:158px;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;padding:12px}.dayDonut b{font-size:23px}.dayDonut small{font-size:11px;color:#916879;margin-top:5px}.dayLegend .legendButton{display:flex;width:100%;align-items:center;gap:9px;background:#fffaf6;border:1px solid #eddbd5;border-radius:14px;margin:6px 0;padding:11px;color:#65223c;text-align:left;font-size:14px}.dayLegend .legendButton>span:nth-child(2){flex:1}.dayLegend small{display:block;color:#976e7e;font-size:12px;margin-top:4px}.dayLegend b{white-space:nowrap}.tiny{line-height:1.6}.floatingLeaves{position:absolute!important;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.leaf{position:absolute;width:26px;height:46px;background:linear-gradient(130deg,#ffd451 3%,#ed8b19 45%,#bd3326);border-radius:80% 0 80% 0;box-shadow:inset 2px 0 3px #fff5,2px 2px 3px #cf96222a;opacity:.85}.leaf:after{content:'';position:absolute;left:48%;top:4%;height:105%;border-left:1px solid #95432188;transform:rotate(22deg)}.l1{left:2px;top:180px;transform:rotate(-40deg)}.l2{right:10px;top:115px;transform:rotate(45deg);background:linear-gradient(130deg,#ffc147,#ed7424,#a51539)}.l3{left:3px;top:510px;transform:rotate(-20deg) scale(.65)}.l4{right:6px;top:690px;transform:rotate(68deg);background:linear-gradient(130deg,#ffb94c,#ce3525,#8b1846)}.l5{left:43%;top:770px;transform:rotate(100deg) scale(.6)}.l6{left:12%;top:1040px;transform:rotate(-60deg) scale(.75);background:linear-gradient(130deg,#fa9b25,#d13c26,#881b39)}
@media(min-width:700px){.feature{min-height:145px}.art{transform:scale(1.12);margin:8px 8px 8px 5px}.featureGrid{gap:19px}.chartLayout{grid-template-columns:240px 1fr;align-items:center}.welcome{margin-bottom:28px}.sunsetHero{min-height:180px}}
@media(max-width:420px){#app{padding:17px 13px 110px!important}.featureGrid{gap:9px}.feature{padding:8px 8px 8px 3px;gap:5px;border-radius:21px;min-height:99px}.art{width:66px;height:66px;background-size:368.64px 552.96px}.art-activity{background-position:-21px -277.5px}.art-baby{background-position:-193.5px -280.5px}.art-tasks{background-position:-21px -353.25px}.art-money{background-position:-194.25px -353.25px}.art-meds{background-position:-21px -429px}.art-shopping{background-position:-195px -429px}.art-cup{background-position:-20.25px -153px}.feature b{font-size:15px}.feature .chevron{font-size:24px}.sunsetHero{gap:13px;padding:20px 12px}.sunsetHero .art{width:66px}.sunsetHero b{font-size:21px}.sunsetHero .btn{font-size:12px}.dayPicker{gap:5px;padding:9px}.dayArrow{width:33px}.dayPicker input{font-size:15px}.brand{font-size:25px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
:root,html[data-look]{--ink:#590c29;--accent:#9c214e;--soft:#f9e5e9;--card:#fffdf9;--green:#1b8d78;--gsoft:#e3f4ed}
.appFlower{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:3px;transform:rotate(-4deg)}.appFlower i{border-radius:85% 5% 85% 5%;background:linear-gradient(135deg,#b00c46,#650320)}.appFlower i:nth-child(2){background:linear-gradient(135deg,#ffc18e,#eb855f);transform:rotate(90deg)}.appFlower i:nth-child(3){background:#db3c72;transform:rotate(-90deg)}.appFlower i:nth-child(4){background:#e47877;transform:rotate(180deg)}
.welcome{padding:0;background:transparent;border:0;border-radius:0;overflow:visible}.welcome:before,.welcome:after,.top:before{display:none}.welcome .lead{color:#55051e;font-size:clamp(29px,6.3vw,46px)}.welcome .sub{color:#b7476f;font-size:clamp(15px,3.4vw,21px);margin-top:6px}.brand strong{font-size:inherit}.bottominner,#navigation{flex-direction:row!important}.top .brand{display:flex}.sunsetHero:before{background-size:1000px 1500px;background-position:-620px -390px;mask-image:linear-gradient(to right,transparent,#000 50%)}body.walletOpen #app{max-width:none!important;padding:0!important}
.leaf{width:48px;height:32px;border-radius:0;box-shadow:none;background-image:url('./assets/design-atlas.png')!important;background-size:409.6px 614.4px!important;background-position:-241px -272px!important;background-repeat:no-repeat!important;background-color:transparent!important;opacity:.95}.leaf:after{display:none}.l2,.l5{filter:hue-rotate(24deg)}.l3,.l6{filter:hue-rotate(-20deg)}
.sunsetHero:before{background-image:linear-gradient(to right,#fff0df99,transparent),url('./assets/sunset.png');background-size:cover;background-position:center;width:100%;opacity:.9;mask-image:linear-gradient(to right,transparent,#000 80%)}
#app[data-page="home"] .active{background:linear-gradient(100deg,#fff0e5f5 25%,#ffe9e0bb 62%,#f9d1cc55),url('./assets/sunset.png') center/cover!important;box-shadow:inset 0 1px 4px #fff,0 5px 20px #cf9e7040!important;border-color:#ffeed3!important;border-radius:26px!important}.active .clock{font-size:34px;margin:12px 0}.active .activeHead b{font-size:19px}
.l1{left:-36px;top:158px}.l3{left:-34px}.l4{right:-30px}.l5{top:747px;left:48%}