:root{--bg:#fff;--surface:#fbf6fb;--line:#efe2ef;--fg:#2a1d33;--muted:#6e5c78;--pink:#e0528f;--pink-soft:#fde8f1;--purple:#6b3fa0;--purple-soft:#efe7f8;--done:#2f8f63;--done-soft:#e3f4ec;--font-display:"Young Serif",Georgia,"Times New Roman",serif;--font-body:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#1a1320;--surface:#241a2c;--line:#3a2c45;--fg:#f6eef9;--muted:#bfa9cc;--pink:#ff7fb3;--pink-soft:#3d1f30;--purple:#c4a2ef;--purple-soft:#2f2340;--done:#62d29a;--done-soft:#1d3329;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);margin:0;padding:20px 16px 48px;font-size:16px;line-height:1.55}.wrap{flex-direction:column;gap:22px;max-width:620px;margin:0 auto;display:flex}.sample{letter-spacing:.06em;text-transform:uppercase;color:var(--purple);background:var(--purple-soft);border-radius:99px;align-self:flex-start;padding:4px 10px;font-size:12px;font-weight:600}header{flex-direction:column;gap:8px;display:flex}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--pink);font-size:13px;font-weight:700}h1{font-family:var(--font-display);text-wrap:balance;margin:0;font-size:clamp(30px,8vw,40px);font-weight:400;line-height:1.1}.lede{color:var(--muted);max-width:60ch;margin:0}.label{color:var(--muted);margin-bottom:8px;font-size:13px;font-weight:600}.ages{flex-wrap:wrap;gap:8px;display:flex}.ages button{font:inherit;border:1.5px solid var(--line);background:var(--bg);color:var(--fg);cursor:pointer;border-radius:99px;padding:8px 16px;font-size:15px;font-weight:600}.ages button[aria-pressed=true]{background:var(--purple);border-color:var(--purple);color:var(--bg)}.progress{background:var(--surface);border-radius:16px;flex-direction:column;gap:10px;padding:16px;display:flex}.progress-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.progress-top strong{font-family:var(--font-display);font-size:22px;font-weight:400}.progress-top span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px}.bar{background:var(--line);border-radius:99px;height:10px;overflow:hidden}.bar i{background:linear-gradient(90deg,var(--pink),var(--purple));border-radius:99px;width:0;height:100%;transition:width .4s;display:block}.dots{gap:6px;display:flex}.dots b{background:var(--line);border-radius:99px;flex:1;height:6px}.dots b.on{background:var(--pink)}.days{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.day{border:1.5px solid var(--line);background:var(--bg);border-radius:16px}.day.is-done{border-color:var(--done);background:var(--done-soft)}.day summary{cursor:pointer;align-items:center;gap:14px;padding:14px 16px;list-style:none;display:flex}.day summary::-webkit-details-marker{display:none}.num{background:var(--pink-soft);width:40px;height:40px;color:var(--pink);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.is-done .num{background:var(--done);color:var(--bg)}.sum-text{flex:1;min-width:0}.sum-text small{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700;display:block}.sum-text span{font-size:17px;font-weight:600}.chev{color:var(--muted);transition:transform .2s}details[open] .chev{transform:rotate(180deg)}.body{flex-direction:column;gap:14px;padding:0 16px 18px 70px;display:flex}.body p{margin:0}.steps{flex-direction:column;gap:6px;margin:0;padding-left:20px;list-style:decimal;display:flex}.for-age{background:var(--purple-soft);border-radius:12px;padding:12px 14px;font-size:15px}.for-age b{color:var(--purple)}.why{color:var(--muted);border-left:3px solid var(--pink);padding-left:12px;font-size:15px}.why b{color:var(--fg)}.video{color:var(--muted);border:1.5px dashed var(--line);border-radius:12px;align-items:center;gap:10px;padding:12px 14px;font-size:14px;display:flex}.done-btn{font:inherit;cursor:pointer;background:var(--pink);color:var(--bg);border:0;border-radius:12px;padding:14px;font-size:16px;font-weight:700}.is-done .done-btn{background:var(--done)}.complete{text-align:center;background:var(--pink-soft);border-radius:16px;padding:22px 18px;display:none}.complete.show{display:block}.complete h2{font-family:var(--font-display);margin:0 0 6px;font-size:26px;font-weight:400}.complete p{color:var(--muted);margin:0}.reset{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;align-self:center;font-size:13px;text-decoration:underline}footer{text-align:center;color:var(--muted);font-size:13px}@media (width<=420px){.body{padding-left:16px}}
