@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&display=swap";
:root{--ink:#533b62;--muted:#947e9d;--pink:#f7a9ca;--pink-dark:#e86fa6;--lilac:#e9ddff;--cream:#fffafc;--green:#b9e9d2}*{box-sizing:border-box}html{background:#fff2f8;min-height:100%}body{color:var(--ink);background:radial-gradient(at 5% 0,#ffe1ef 0,#0000 32%),radial-gradient(at 95% 12%,#e8dcff 0,#0000 30%),linear-gradient(#fff5fa 0%,#fffaff 55%,#f5edff 100%);min-height:100vh;margin:0;font-family:Nunito,ui-rounded,system-ui,sans-serif}.page-shell{width:min(100%,690px);margin:0 auto;padding:24px 20px 20px;position:relative;overflow:hidden}.topline{letter-spacing:2px;color:#9d78a7;align-items:center;gap:9px;font-size:11px;font-weight:900;display:flex}.brand-mark{font-size:23px}.top-date{letter-spacing:0;color:#8e7098;background:#fff9;border:1px solid #fff;border-radius:20px;margin-left:auto;padding:8px 12px;font-size:12px}.hero{background:linear-gradient(125deg,#ffdbe9,#f3e7ff 75%);border-radius:30px;align-items:center;min-height:166px;margin:26px 0 20px;padding:26px 25px;display:flex;position:relative;box-shadow:0 10px 28px #e9c9e355}.hero-copy{z-index:1;max-width:440px;position:relative}.eyebrow,.small-label{letter-spacing:1.6px;color:#a16fa0;margin:0 0 7px;font-size:10px;font-weight:900}.hero h1{letter-spacing:-1.5px;color:#654875;margin:0;font-size:clamp(34px,8vw,48px);font-weight:900;line-height:1.04}.hero-subtitle{color:#8d6c98;margin:11px 0 0;font-size:14px;font-weight:700}.hero-art{width:130px;height:130px;position:absolute;top:15px;right:18px}.sun{font-size:57px;position:absolute;top:1px;right:17px}.heart{font-size:43px;position:absolute;bottom:12px;left:7px;transform:rotate(-14deg)}.flower{font-size:43px;position:absolute;bottom:4px;right:0}.progress-card{background:#fff;border:1px solid #f9e1ef;border-radius:25px;padding:22px 23px;box-shadow:0 8px 24px #d8b4d022}.progress-heading,.progress-bottom,.section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.progress-heading h2{margin:0;font-size:20px;font-weight:900}.progress-count{color:#e875a7;font-size:29px;font-weight:900}.progress-count span{color:#b49bbd;font-size:15px}.progress-track{background:#f6eafa;border-radius:20px;height:13px;margin:17px 0 9px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#f6a2c5,#c9a5f4,#a9e3ca);border-radius:20px;height:100%;transition:width .35s}.progress-bottom{color:#a28bab;font-size:12px;font-weight:800}.celebration{color:#936e4c;text-align:center;background:#fff0c9;border-radius:15px;margin-top:15px;padding:12px;font-size:13px;font-weight:900}.tasks-section{margin-top:27px}.section-heading{margin-bottom:13px}.section-heading h2{letter-spacing:-.5px;margin:0;font-size:25px;font-weight:900}.five-pill{color:#9d6ab0;background:#f0e4ff;border-radius:20px;padding:8px 12px;font-size:11px;font-weight:900}.task-list{flex-direction:column;gap:10px;display:flex}.task-card{text-align:left;width:100%;color:var(--ink);font:inherit;cursor:pointer;background:#fff;border:1.5px solid #f2e6f3;border-radius:20px;align-items:center;gap:13px;min-height:70px;padding:14px 15px;transition:transform .14s,border-color .14s,background .14s;display:flex;box-shadow:0 4px 14px #d5b8d21b}.task-card:active{transform:scale(.985)}.task-card:focus-visible{outline-offset:2px;outline:3px solid #d3b1f4}.task-card.is-checked{background:linear-gradient(110deg,#f0fff8,#fff8fc);border-color:#aee3cc}.task-emoji{background:#fff0f6;border-radius:15px;flex:0 0 43px;place-items:center;width:43px;height:43px;font-size:23px;display:grid}.task-card:nth-child(2n) .task-emoji{background:#f3edff}.task-card.is-checked .task-emoji{background:#d9f7e9}.task-text{flex-direction:column;flex:1;gap:3px;display:flex}.task-text strong{font-size:14px;font-weight:900;line-height:1.3}.task-text small{color:#a28bab;font-size:11px;font-weight:700}.check-circle{color:#fff;border:2px solid #e8d9ec;border-radius:50%;flex:0 0 27px;place-items:center;width:27px;height:27px;font-size:15px;font-weight:900;display:grid}.check-circle.checked{background:#7dcda8;border-color:#7dcda8}.save-status{text-align:center;color:#a68caf;min-height:18px;margin:13px 0 0;font-size:11px;font-weight:800}.proud-card{background:linear-gradient(120deg,#f0e6ff,#ffe5ef);border:1px solid #fff;border-radius:22px;align-items:center;gap:13px;margin-top:19px;padding:18px;display:flex;position:relative;overflow:hidden}.proud-icon{background:#ffffff9c;border-radius:16px;flex:0 0 48px;place-items:center;width:48px;height:48px;font-size:32px;display:grid}.proud-card .small-label{margin-bottom:4px;font-size:9px}.proud-card h3{margin:0;font-size:15px;font-weight:900}.proud-card p:last-child{color:#967aa1;margin:4px 0 0;font-size:11px;font-weight:700}.proud-flower{opacity:.8;margin-left:auto;font-size:28px}footer{text-align:center;color:#ad94b6;padding:23px 0 5px;font-size:11px;font-weight:800}footer span{color:#ed8eb7;font-size:15px}@media (max-width:440px){.page-shell{padding:17px 14px}.hero{min-height:154px;padding:22px 19px}.hero-art{transform-origin:100%;opacity:.9;right:3px;transform:scale(.78)}.hero-copy{max-width:76%}.hero-subtitle{font-size:12px}.progress-card{padding:19px}.task-card{gap:11px;padding:12px}.task-text strong{font-size:13px}.task-emoji{flex-basis:40px;width:40px;height:40px}.section-heading h2{font-size:23px}}.mission-motivation{color:#8a527d;max-width:360px;margin:8px 0 0;font-size:14px;font-weight:700;line-height:1.45}@media (max-width:600px){.mission-motivation{font-size:13px}}