@font-face{font-family:display;src:url(../media/BricolageGrotesque_Latin-s.p.300rpl789hft0.woff2)format("woff2");font-display:swap;font-weight:700 800}@font-face{font-family:display Fallback;src:local(Arial);ascent-override:82.39%;descent-override:23.92%;line-gap-override:0.0%;size-adjust:112.88%}.w3Zgsa_className{font-family:display,display Fallback}.w3Zgsa_variable{--font-bricolage:"display", "display Fallback"}
@font-face{font-family:sans;src:url(../media/DMSans_Latin-s.p.0fpdy-lufm69d.woff2)format("woff2");font-display:swap;font-weight:400 700}@font-face{font-family:sans Fallback;src:local(Arial);ascent-override:94.36%;descent-override:29.49%;line-gap-override:0.0%;size-adjust:105.13%}._5M24Nq_className{font-family:sans,sans Fallback}._5M24Nq_variable{--font-dm-sans:"sans", "sans Fallback"}
:root{--paper:#fbf8f3;--surface:#fff;--ink:#1f2a22;--ink-muted:#5a655c;--line:#e6dfd2;--tint:#f3efe7;--on-bright:#1f2a22;--pulse:#6fc08f;--pulse-ink:#2d7a4f;--breath:#7fd0d6;--balance:#7d9fd9;--reach:#ef8f7e;--ground:#f4b860;--rest:#a998de;--caution:#9a4a00;--caution-bg:#f7e6d4;--font-display:var(--font-bricolage), "Bricolage Grotesque", system-ui, sans-serif;--font-sans:var(--font-dm-sans), "DM Sans", system-ui, sans-serif;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:48px;--radius-sm:12px;--radius-md:20px;--radius-lg:32px;--radius-pill:999px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#121a16;--surface:#1c2620;--ink:#f1ede4;--ink-muted:#a9b5aa;--line:#2a3730;--tint:#18221c;--pulse-ink:#7fd1a0;--caution:#ffb27a;--caution-bg:#3a2a1c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--paper:#121a16;--surface:#1c2620;--ink:#f1ede4;--ink-muted:#a9b5aa;--line:#2a3730;--tint:#18221c;--pulse-ink:#7fd1a0;--caution:#ffb27a;--caution-bg:#3a2a1c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:24px}h1,h2,.display{font-family:var(--font-display);text-wrap:balance;margin:0;font-weight:800;line-height:1.02}p{margin:0}button{font:inherit}a{color:var(--pulse-ink)}:focus-visible{outline:3px solid var(--pulse-ink);outline-offset:3px}.screen{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;padding-bottom:120px;display:flex;position:relative;overflow:hidden}.status{padding:var(--space-2) var(--space-3) 0;justify-content:space-between;font-size:13px;font-weight:700;display:flex}.lead{padding:var(--space-3) var(--space-3) 0}.lead h1{font-size:40px}.pebble{z-index:1;position:absolute;top:186px;right:-44px}.pebble .buddy{width:200px}.sheet{background:var(--surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-3) var(--space-2) var(--space-4);gap:var(--space-2);flex-direction:column;margin-top:auto;display:flex}.muted{color:var(--ink-muted)}.zone-chip{align-items:center;gap:var(--space-1);border-radius:var(--radius-pill);color:var(--on-bright);align-self:flex-start;padding:6px 14px 6px 10px;font-size:14px;font-weight:700;display:inline-flex}.chip-surface{background:var(--surface);color:var(--ink)}.zone-chip svg{width:16px;height:16px}.pill{min-height:52px;padding-inline:var(--space-3);border-radius:var(--radius-pill);color:var(--on-bright);background:var(--pulse);cursor:pointer;border:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.round{border-radius:var(--radius-pill);background:var(--pulse);width:72px;height:72px;color:var(--on-bright);cursor:pointer;border:0;flex:none;place-items:center;display:grid}.round svg{width:26px;height:26px}.round-sm{width:44px;height:44px}.round-sm svg{width:18px;height:18px}.btn-primary{background:var(--pulse);color:var(--on-bright)}.btn-surface{background:var(--surface);color:var(--ink)}.btn-ink{background:var(--ink);color:var(--paper)}.controls{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.days{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.day{min-width:0;color:var(--ink-muted);flex-direction:column;align-items:center;gap:6px;font-size:12px;display:flex}.day i{border-radius:var(--radius-pill);width:30px;height:30px;box-shadow:inset 0 0 0 2px var(--line);display:block}.day.done i{background:var(--pulse);box-shadow:none}.day.today{color:var(--ink);font-weight:700}.day.today i{box-shadow:inset 0 0 0 2px var(--ink)}.buddy{--tilt-x:0px;--tilt-y:0px;--tilt-r:0deg;--look-x:0px;--look-y:0px;width:210px;max-width:62vw;transform:translate(var(--tilt-x), var(--tilt-y)) rotate(var(--tilt-r));cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.buddy svg{width:100%;height:auto;display:block;overflow:visible}.buddy-body{transform-origin:50% 90%;animation:bounce-in .7s var(--ease-spring) both, bob 3.6s ease-in-out .7s infinite}.buddy-body.poked{animation:boing .65s var(--ease-spring) both, bob 3.6s ease-in-out .65s infinite}.buddy-fill{transition:clip-path 1s linear,fill .4s}.eyes{transform-box:fill-box;transform-origin:50%;animation:5.5s ease-in-out infinite blink}.pupils{transform:translate(var(--look-x), var(--look-y));transition:transform .15s linear}.buddy .mouth,.buddy .brows{opacity:0;transition:opacity .25s}.buddy[data-mood=calm] .mouth-calm,.buddy[data-mood=wobbly] .mouth-wobbly,.buddy[data-mood=strong] .mouth-strong,.buddy[data-mood=happy] .mouth-happy,.buddy[data-mood=strong] .brows{opacity:1}.buddy[data-mood=happy] .buddy-body{animation:bounce-in .6s var(--ease-spring) both, wiggle 1s ease-in-out .6s 2}.feedback{animation:rise .4s var(--ease-out) both}.confetti{pointer-events:none;z-index:3;width:0;height:0;position:absolute;top:50%;left:50%}.confetti span{border-radius:var(--radius-pill);width:10px;height:10px;animation:confetti 1.1s var(--ease-out) both;position:absolute;top:-5px;left:-5px}.timer-controls{width:100%;padding-inline:20px}.bar-row{grid-template-columns:1fr 40px;align-items:center;gap:8px 12px;display:grid}.bar-label{grid-column:1/-1;font-size:14px;font-weight:700}.track{border-radius:var(--radius-pill);background:var(--line);height:12px;overflow:hidden}.track b{border-radius:var(--radius-pill);height:100%;display:block}.val{text-align:right;font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.tabs{left:50%;bottom:var(--space-2);z-index:10;border-radius:var(--radius-pill);background:var(--ink);width:min(448px,100% - 32px);height:64px;color:var(--paper);justify-content:space-around;align-items:center;display:flex;position:fixed;transform:translate(-50%)}.tabs a{border-radius:var(--radius-pill);width:44px;height:44px;color:inherit;place-items:center;display:grid}.tabs a[aria-current=page]{background:var(--pulse);color:var(--on-bright)}.tabs svg{width:22px;height:22px}:root{--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.2, .8, .2, 1)}@keyframes fade-in{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}@keyframes sheet-up{0%{opacity:0;transform:translateY(48px)}}@keyframes pop{0%{opacity:0;transform:scale(.4)}60%{transform:scale(1.12)}}@keyframes grow{0%{transform:scaleX(0)}}@keyframes float{50%{transform:translateY(-10px)rotate(3deg)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}@keyframes bob{50%{transform:translateY(-8px)scale(1.02)}}@keyframes boing{25%{transform:scale(.86,1.12)}50%{transform:scale(1.1,.92)}75%{transform:scale(.98,1.03)}}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes wiggle{25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}@keyframes confetti{0%{opacity:1;transform:rotate(var(--angle)) translateY(0) scale(.4)}to{opacity:0;transform:rotate(var(--angle)) translateY(calc(var(--dist) * -1)) scale(1)}}.screen{animation:.4s both fade-in}.lead{animation:rise .6s var(--ease-out) 80ms both}.sheet{animation:sheet-up .6s var(--ease-out) .16s both}.controls{animation:rise .5s var(--ease-out) .26s both}.pebble{transform-origin:50%;animation:9s ease-in-out infinite float}.round,.pill,.tabs a{transition:transform .3s var(--ease-spring), background-color .3s ease, color .3s ease}.round:active,.pill:active,.tabs a:active{transform:scale(.92)}@media (hover:hover){.round:hover:not(:disabled),.pill:hover:not(:disabled){transform:scale(1.05)}}.pill:hover:not(:disabled){filter:brightness(1.04)}.day.done i{animation:pop .45s var(--ease-spring) both}.day i{transition:background-color .3s,box-shadow .3s}.track b{transform-origin:0;animation:grow .9s var(--ease-out) both}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.stack{gap:var(--space-2);flex-direction:column;display:flex}.field{width:100%;min-height:52px;padding:0 var(--space-2);border:2px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);font:inherit;font-size:16px}.field:focus{border-color:var(--pulse-ink);outline:none}.btn-block{border:0;width:100%}.btn-ink-text{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 2px var(--line)}.sheet form{display:block}
