:root{--paper:#f8f2e9;--card:#fffdf9;--ink:#3f3a36;--ink-soft:#7a716a;--peach:#e8a98c;--peach-wash:#f6d9c9;--sage:#9fb39a;--sage-wash:#dfe8d8;--line:#ebe1d4;--radius:28px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;color:var(--ink);background:radial-gradient(60vmax 40vmax at 0% 0%, var(--peach-wash), transparent 70%), radial-gradient(55vmax 45vmax at 100% 35%, var(--sage-wash), transparent 70%), radial-gradient(50vmax 40vmax at 10% 100%, #f3e6d6, transparent 70%), var(--paper);background-attachment:fixed;margin:0;font:400 17px/1.5 Nunito,system-ui,sans-serif}.page{max-width:440px;padding:max(20px, env(safe-area-inset-top)) 16px max(32px, env(safe-area-inset-bottom));margin:0 auto}.masthead{text-align:center;margin:4px 0 8px}.name{color:var(--ink);margin:0;font:600 52px/1 Caveat,cursive}.due{letter-spacing:.04em;color:var(--ink-soft);margin:2px 0 0;font-size:14px}.hero{text-align:center;background:var(--card);border-radius:var(--radius);box-shadow:0 1px 0 var(--line), 0 12px 32px -18px #785a3c59;padding:8px 20px 24px}.fruit-wrap{aspect-ratio:1;width:min(78vw,320px);margin:-8px auto -20px}.fruit{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;animation:.9s cubic-bezier(.2,.7,.2,1) both settle;display:block}@keyframes settle{0%{opacity:0;transform:translateY(8px)scale(.97)}}.size-line{text-wrap:balance;margin:0 0 4px;font:400 24px/1.25 Fraunces,Georgia,serif}.size-line em{background:linear-gradient(transparent 62%, var(--peach-wash) 62%);font-style:normal;font-weight:600}.size-detail{color:var(--ink-soft);margin:0;font-size:15px}.stats{grid-template-columns:1fr 1fr;gap:12px;margin:16px 0;display:grid}.stat{background:var(--card);box-shadow:0 1px 0 var(--line);border-radius:22px;flex-direction:column;align-items:center;padding:16px 8px;display:flex}.stat-main{background:linear-gradient(135deg, var(--peach-wash), #fbe9de);grid-column:1/-1}.stat-value{font-variant-numeric:tabular-nums;font:600 30px/1.1 Fraunces,Georgia,serif}.stat-main .stat-value{font-size:44px}.stat-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-top:4px;font-size:13px;font-weight:700}.progress{margin:8px 4px 24px}.track{background:var(--card);height:14px;box-shadow:inset 0 0 0 1px var(--line);border-radius:99px;position:relative;overflow:hidden}.fill{background:linear-gradient(90deg, var(--sage), var(--peach));border-radius:99px;height:100%}.tick{background:var(--card);width:2px;position:absolute;top:0;bottom:0}.track-labels{color:var(--ink-soft);text-align:center;grid-template-columns:35fr 35fr 30fr;margin-top:6px;font-size:12px;font-weight:700;display:grid}.pct{text-align:center;color:var(--ink-soft);margin:4px 0 0;font-size:14px}.fact{border-radius:var(--radius);background:linear-gradient(135deg, var(--sage-wash), #eef2e8);margin-bottom:16px;padding:18px 22px 20px;position:relative}.fact h2{color:#5f7359;margin:0 0 4px;font:600 26px/1 Caveat,cursive}.fact p{text-wrap:pretty;margin:0;font:400 19px/1.4 Fraunces,Georgia,serif}.notes{background:var(--card);border-radius:var(--radius);box-shadow:0 1px 0 var(--line);padding:20px 22px 8px}.notes h2{margin:0 0 10px;font:600 18px/1.3 Fraunces,Georgia,serif}.notes ul{margin:0;padding:0;list-style:none}.notes li{padding:0 0 14px 22px;position:relative}.notes li:before{content:"";background:var(--sage);opacity:.8;border-radius:50%;width:9px;height:9px;position:absolute;top:.55em;left:2px}.next{text-align:center;color:var(--ink-soft);margin:20px 0 0;font:600 22px/1.2 Caveat,cursive}@media (prefers-reduced-motion:reduce){.fruit{animation:none}}