:root{--ink:#211722;--cream:#f8f2e7;--gold:#bd8851;--line:#ddcfbb;--wine:#672c46}*{box-sizing:border-box}body{margin:0;min-width:320px;color:var(--ink);background:#30242e;font-family:Manrope,Arial,sans-serif}button{font:inherit;cursor:pointer}.app-shell{min-height:100vh;max-width:580px;margin:auto;padding:28px 20px 110px;overflow:hidden;background-color:var(--cream);background-image:radial-gradient(#b7977d34 1px,transparent 1.2px);background-size:18px 18px}.topbar{display:flex;align-items:center;justify-content:space-between;margin:2px 4px 24px}.eyebrow{margin:0;color:#9e9a91;font-size:11px;font-weight:700;letter-spacing:1.8px}h1,h2{margin:0;font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;letter-spacing:-.5px}h1{margin-top:4px;font-size:34px;line-height:.95}.avatar{width:43px;height:43px;border:1px solid #cbb486;border-radius:50%;background:#322132;color:#e9cb83;font-size:21px}
.moon-hero{position:relative;min-height:412px;padding:30px 27px;overflow:hidden;border:1px solid #6f4960;border-radius:0 0 48px 48px;color:white;background:#1b151b;box-shadow:0 16px 30px #24214342}.hero-copy{position:relative;z-index:5;width:58%}.light{color:#dfcbd5}.gold{color:var(--gold)}.moon-hero h2{margin-top:10px;font-size:42px;line-height:.88;text-shadow:0 2px 1px #0007}.moon-hero h2 em{color:#f3c879}.hero-text{margin-top:20px;font-size:12px;line-height:1.65;color:#e0d2d6}.stars,.stars:before,.stars:after{position:absolute;inset:0;content:"";background-image:radial-gradient(#fff 1px,transparent 1.5px),radial-gradient(#c8b8a9 1px,transparent 1.5px);background-size:31px 37px,67px 73px;background-position:9px 12px,22px 31px;opacity:.47}.sun-ray{position:absolute;z-index:1;top:168px;right:77px;width:115px;height:270px;background:#dbae5b;clip-path:polygon(43% 0,57% 0,100% 100%,0 100%);opacity:.95}.rainbow-ray{position:absolute;z-index:4;top:-80px;right:110px;width:52px;height:278px;background:linear-gradient(90deg,#ef6271,#f6cd56,#85d4ad,#7c8be6,#b180be);clip-path:polygon(20% 0,80% 0,58% 100%,42% 100%);filter:saturate(1.25)}.moon-orbit{position:absolute;z-index:2;top:55px;right:-42px;width:282px;height:282px}.orbit-ring{position:absolute;inset:0;border:17px solid #2e857f99;border-radius:50%}.ring-two{inset:18px;border-color:#4f628b99}.moon-glow{position:absolute;inset:49px;border-radius:50%;background:#f7e4ad6e;filter:blur(17px)}.moon-disc{position:absolute;inset:53px;border-radius:50%;background:radial-gradient(circle at 35% 26%,#f7f3df 0 4%,transparent 5%),radial-gradient(circle at 65% 58%,#bbb49e 0 5%,transparent 6%),radial-gradient(circle at 41% 68%,#d2c8ae 0 7%,transparent 8%),linear-gradient(135deg,#ebe6d2,#989487);box-shadow:inset -20px -16px #78756a,0 0 30px #fff0c970}.moon-disc:after{position:absolute;left:-45%;top:-4%;width:112%;height:112%;border-radius:50%;background:#1b151b;content:""}.eye-symbol{position:absolute;z-index:5;left:116px;top:118px;width:52px;height:29px;border:3px solid #f2d5ca;border-radius:100%;background:#7b3c49;transform:rotate(-3deg)}.eye-symbol:before{position:absolute;left:17px;top:4px;width:13px;height:13px;border:3px solid #f8e2c5;border-radius:50%;background:#20151a;content:""}.eye-symbol:after{position:absolute;left:23px;top:10px;width:4px;height:4px;border-radius:50%;background:#fff;content:""}.eye-symbol i{position:absolute;left:16px;top:-15px;width:17px;height:17px;border:2px solid #d49d82;border-bottom:0;transform:rotate(45deg)}.flower-border{position:absolute;z-index:5;bottom:-17px;left:-8px;display:flex;gap:1px;color:#c7465e;font-family:Georgia,serif;font-size:62px;line-height:1;text-shadow:6px 5px #355842}.flower-border span:nth-child(2n){margin-top:15px;color:#e7777c}.moon-status{position:absolute;z-index:6;right:18px;bottom:35px;display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid #f4d2bd66;border-radius:15px;background:#281a25d9;backdrop-filter:blur(7px)}.moon-status strong,.moon-status small{display:block}.moon-status strong{font-size:11px}.moon-status small{margin-top:3px;color:#d8c8ce;font-size:9px}.status-icon{color:#f2cf80;font-size:24px}
.message-card{position:relative;margin-top:22px;padding:27px 26px 25px;border:1px solid var(--line);border-radius:4px 30px 30px 30px;background:#fffdf8;box-shadow:0 10px 22px #3c2d1614}.message-card:before{position:absolute;right:20px;top:14px;color:#c04e5b;font-size:28px;content:"✦"}.card-heading{display:flex;align-items:center;gap:8px}.sun-mark{color:#c24d5c}.message-card h2{margin-top:13px;font-size:38px;line-height:.9}.message-card>p{margin:14px 0 21px;color:#706d68;font-size:13px;line-height:1.6}.primary-button{border:0;border-radius:2px 999px 999px 999px;padding:13px 17px;background:#382035;color:white;font-size:13px;font-weight:700}.primary-button span{margin-left:9px;font-size:19px;vertical-align:-1px}.section-heading{display:flex;align-items:center;gap:12px;margin:32px 2px 14px}.section-heading span{width:22px;height:1px;background:#b96e64}.section-heading p{color:#a29b8e}
.choice-card{margin-top:12px;padding:19px;border:1px solid #e0cdb7;border-radius:22px;background:#fffaf1;box-shadow:0 8px 20px #3c2d160d}.choice-copy{display:flex;align-items:center;gap:11px}.choice-symbol{display:grid;place-items:center;width:35px;height:35px;border-radius:50% 50% 50% 5px;color:#9c384b;background:#f6e4d4;font-size:20px}.choice-copy h3{margin:0;font-size:13px;letter-spacing:-.2px}.choice-copy p{margin:3px 0 0;color:#817d75;font-size:10px}.segmented{display:flex;gap:5px;margin-top:17px;padding:4px;border-radius:4px 15px 15px 15px;background:#f0e8dc}.segmented button{flex:1;padding:9px 3px;border:0;border-radius:10px;color:#777169;background:transparent;font-size:10px;font-weight:700}.segmented button.selected{color:#fff;background:#71364f;box-shadow:0 4px 8px #57223a29}.personal-plan{position:relative;overflow:hidden;margin-top:14px;padding:26px;border:1px solid #7b4461;border-radius:0 28px 28px 28px;color:#fff;background:linear-gradient(135deg,#4c2037,#74334d 56%,#9a5b5d);box-shadow:0 14px 26px #402b6627}.personal-plan:after{position:absolute;right:-90px;bottom:-115px;width:280px;height:280px;border:1px solid #f0c17877;border-radius:50%;content:""}.plan-orbit{position:absolute;right:30px;top:18px;color:#f5cd7a;font-size:34px}.personal-plan h2{position:relative;margin-top:10px;font-size:39px;line-height:.87}.personal-plan>p:not(.eyebrow){position:relative;max-width:72%;margin:14px 0 18px;color:#f3dfe2;font-size:12px;line-height:1.55}.plan-details{position:relative;display:flex;gap:7px}.plan-details span{padding:6px 9px;border:1px solid #ffffff42;border-radius:999px;color:#f9e9e2;background:#421c3042;font-size:9px}.done-button{position:relative;width:100%;margin-top:20px;padding:13px;border:0;border-radius:2px 16px 16px 16px;color:#432138;background:#fff0d6;font-size:12px;font-weight:700}.done-button span{display:inline-grid;place-items:center;width:19px;height:19px;margin-right:6px;border-radius:50%;color:#fff;background:#a8485c}.done-button.completed{color:#fff;background:#6f8b70}.done-button.completed span{background:#fff;color:#6f8b70}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feature-card{min-height:150px;padding:19px;text-align:left;border:1px solid #e0cdb7;border-radius:4px 23px 23px 23px;color:var(--ink);background:#fffaf1}.feature-card:hover{transform:translateY(-2px);transition:.2s}.feature-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#ffffff8c;font-size:18px}.feature-card strong,.feature-card small{display:block}.feature-card strong{margin-top:25px;font-size:15px}.feature-card small{margin-top:5px;color:#6f6d6b;font-size:10px}.lavender{background:#eee5eb}.peach{background:#f6e3da}.blue{background:#dcebea}.sage{background:#e5ead9}.bottom-nav{position:fixed;z-index:5;left:50%;bottom:0;width:min(580px,100%);transform:translateX(-50%);display:flex;justify-content:space-around;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #4e293e;background:#1d141df2;backdrop-filter:blur(10px)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;border:0;background:transparent;color:#c7b4b7;font-size:9px}.nav-item span{font-size:20px}.nav-item.active{color:#edc774}dialog{width:min(440px,calc(100% - 36px));padding:34px 28px 27px;border:0;border-radius:4px 26px 26px 26px;color:var(--ink);box-shadow:0 24px 80px #1116345e}dialog::backdrop{background:#10142d88}.dialog-close{position:absolute;right:16px;top:11px;border:0;background:transparent;font-size:28px;color:#777}.dialog-action{margin-top:20px}@media(max-width:370px){.app-shell{padding-inline:14px}.moon-hero{padding-inline:21px}.moon-hero h2{font-size:37px}.message-card h2{font-size:33px}}