:root{--bg:#fff1e6;--bg-card:#fffdfb;--text:#6a4a3a;--text-h:#3a2318;--border:#f5c9a8;--accent:#f4623a;--shadow:#c45a2838 0 8px 24px -6px;--shadow-soft:#c45a2826 0 3px 10px -3px;--sage:#a7d99b;--sky:#8ecae6;--butter:#ffd166;--blush:#ff9eb1;--lilac:#c7b4e8;--patchy-fabric-a:#f6a8c8;--patchy-fabric-b:#f36f9f;--patchy-fabric-c:#9fdbd8;--patchy-fabric-d:#6fbcd6;--patchy-fabric-e:#c3b3e6;--patchy-fabric-f:#7fb0e0;--patchy-muzzle:#f3f7fb;--patchy-pad:#bfeae7;--patchy-stitch:#5b6b8c;--patchy-heart:#ef4d7a;--patchy-nose:#ef6a8e;--patchy-cheek:#f36f9f66;--sans:"Nunito", system-ui, "Segoe UI", Roboto, sans-serif;font:17px/1.5 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#241511;--bg-card:#33201a;--text:#e8c3ad;--text-h:#fff2e8;--border:#5a3527;--accent:#ff7a52;--shadow:#00000073 0 8px 24px -6px;--shadow-soft:#0000004d 0 3px 10px -3px;--sage:#3f7a4f;--sky:#2f6b8a;--butter:#b8862b;--blush:#b3465c;--lilac:#6a5399;--patchy-muzzle:#e6edf5;--patchy-stitch:#dfe7f5;--patchy-cheek:#f36f9f73}}*{box-sizing:border-box}body{background:var(--bg);min-height:100svh;margin:0}#root{min-height:100svh}h1,h2{color:var(--text-h);margin:0;font-weight:800}p{margin:0}button{cursor:pointer;font-family:inherit}.app{max-width:560px;padding:max(24px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom));margin:0 auto}.patchy{display:block}.patchy .seam{fill:none;stroke:var(--patchy-stitch);stroke-width:1.6px;stroke-dasharray:4 4;stroke-linecap:round;opacity:.85}.patchy .seam--grid{stroke-width:1.3px;stroke-dasharray:3 3;opacity:.6}.patchy .patchy__muzzle{fill:var(--patchy-muzzle)}.patchy .patchy__ear-inner{fill:var(--patchy-muzzle);opacity:.85}.patchy .patchy__pad{fill:var(--patchy-pad)}.patchy .patchy__pad-dot{fill:var(--patchy-stitch);opacity:.55}.patchy .patchy__mouth{fill:none;stroke:var(--patchy-stitch);stroke-width:2.4px;stroke-linecap:round}.patchy .patchy__nose{fill:var(--patchy-nose)}.patchy .patchy__cheek{fill:var(--patchy-cheek)}.patchy .patchy__heart{fill:var(--patchy-heart);stroke:var(--patchy-stitch);stroke-width:1.2px;stroke-dasharray:3 3;opacity:.9}.patchy .patchy__heart--sm{opacity:.75}.patchy .patchy__petal{fill:var(--patchy-fabric-a)}.patchy .patchy__flower-center{fill:var(--patchy-fabric-b)}.home__patchy{animation:4s ease-in-out infinite patchy-bob}@keyframes patchy-bob{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-6px)rotate(1deg)}}@media (prefers-reduced-motion:reduce){.home__patchy{animation:none}}.home{flex-direction:column;justify-content:center;min-height:100dvh;display:flex}.home__greeting{text-align:center;flex-direction:column;align-items:center;gap:10px;margin-bottom:32px;display:flex}.home__title{letter-spacing:-.5px;font-size:30px}.home__subtitle{max-width:34ch;color:var(--text);font-size:16px}.home__grid{gap:14px;display:grid}.card{text-align:left;border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-soft);color:var(--text-h);border-radius:22px;align-items:center;gap:16px;padding:18px;transition:transform .15s,box-shadow .2s;display:flex;position:relative}.card:not(:disabled):hover,.card:not(:disabled):focus-visible{box-shadow:var(--shadow);outline:none;transform:translateY(-2px)}.card:not(:disabled):active{transform:translateY(0)}.card:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.card--sage .card__emoji{background:var(--sage)}.card--sky .card__emoji{background:var(--sky)}.card--butter .card__emoji{background:var(--butter)}.card--blush .card__emoji{background:var(--blush)}.card__emoji{border-radius:16px;flex:none;place-items:center;width:52px;height:52px;font-size:26px;display:grid}.card__body{flex-direction:column;gap:2px;display:flex}.card__title{font-size:17px;font-weight:800}.card__tagline{color:var(--text);font-size:14px;line-height:1.35}.activity__header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.activity__back{color:var(--accent);background:0 0;border:none;flex-basis:100%;align-self:flex-start;padding:6px 0;font-size:15px;font-weight:800}.activity__title{letter-spacing:-.4px;font-size:24px}.activity__subtitle{color:var(--text);font-size:15px}.activity__placeholder{border:1px dashed var(--border);background:var(--bg-card);text-align:center;color:var(--text);border-radius:22px;padding:24px 18px;font-size:16px}.flow{padding:max(20px, env(safe-area-inset-top)) 20px max(20px, env(safe-area-inset-bottom));flex-direction:column;transition:background-color .5s;display:flex;position:fixed;inset:0}.flow--sage{background:var(--sage)}.flow--sky{background:var(--sky)}.flow--butter{background:var(--butter)}.flow--blush{background:var(--blush)}.flow--lilac{background:var(--lilac)}.flow__progress{background:#0000001f;border-radius:999px;height:8px;overflow:hidden}.flow__progress-bar{background:var(--text-h);border-radius:999px;height:100%;transition:width .4s;display:block}.flow__back{color:var(--text-h);opacity:.75;background:0 0;border:none;align-self:flex-start;margin-top:10px;padding:6px 0;font-size:15px;font-weight:800}.flow__stage{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:40px;display:flex}.flow__step{color:var(--text-h);letter-spacing:-.5px;max-width:16ch;font-size:clamp(30px,8vw,44px);font-weight:800;line-height:1.2}.flow__next{background:var(--bg-card);width:72px;height:72px;color:var(--text-h);box-shadow:var(--shadow);border:none;border-radius:50%;font-size:34px;line-height:1;transition:transform .15s,box-shadow .2s}.flow__next:hover,.flow__next:focus-visible{outline:none;transform:translateY(-2px)}.flow__next:active{transform:translateY(0)}.flow__next:focus-visible{outline:3px solid var(--text-h);outline-offset:3px}.flow__finish{background:var(--bg-card);color:var(--text-h);box-shadow:var(--shadow);border:none;border-radius:999px;padding:14px 28px;font-size:16px;font-weight:800}