:root{--cream-50:#fffaf3;--cream-100:#f9eee1;--cream-200:#f1e1cf;--cream-300:#e6d2bc;--euca-100:#eef0e4;--euca-200:#dce0cb;--euca-300:#c2c9a9;--euca-400:#a0aa88;--euca-500:#96a07e;--euca-600:#7d8865;--euca-700:#5f6a4b;--euca-800:#4e5839;--euca-900:#2f3524;--fur-200:#e2dedd;--fur-400:#ada6a5;--fur-600:#7e7776;--blush-200:#f5dad3;--blush-400:#e5bcb3;--blush-600:#b97a70;--bark-300:#c4a48c;--bark-500:#936f57;--bark-600:#6e5646;--bark-700:#5c4334;--bark-900:#3a2b22;--honey-100:#fbefd6;--honey-300:#f4d28c;--honey-500:#e3a948;--honey-700:#a8711e;--danger:#c46a5e;--bg:var(--cream-100);--surface:var(--cream-50);--surface-sunken:var(--cream-200);--text:var(--bark-900);--text-heading:var(--bark-700);--text-muted:var(--bark-600);--accent:var(--euca-500);--accent-ink:var(--euca-900);--accent-strong:var(--euca-700);--focus-ring:var(--euca-700);--bubble-bg:var(--blush-200);--bubble-ink:var(--bark-700);--nap-ink:var(--fur-600);--font-display:"Fredoka Variable", "Fredoka", ui-rounded, system-ui, sans-serif;--font-ui:"Nunito Sans Variable", "Nunito Sans", system-ui, sans-serif;--text-timer:4.5rem;--text-display:2rem;--text-title:1.375rem;--text-body:1rem;--text-label:.875rem;--text-caption:.75rem;--radius-chip:12px;--radius-button:20px;--radius-card:28px;--radius-full:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--gutter:20px;--shadow-1:0 1px 2px #5c43340f, 0 2px 6px -2px #5c43341a;--shadow-2:0 2px 4px #5c43340f, 0 10px 24px -8px #5c43342e;--shadow-3:0 4px 8px #5c43340f, 0 18px 40px -12px #5c43343d;--shadow-accent:0 10px 18px -6px #4f5a3973;--shadow-accent-pressed:0 3px 8px -4px #4f5a3966;--shadow-small:0 1px 1.5px #5c433440;--shadow-inset-round:inset 0 -6px 12px #3a2b221f;--contact-shadow:radial-gradient(closest-side, #5c43343d, #5c43341a 60%, transparent);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.18s;--dur-base:.26s;--dur-slow:.4s;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--nav-height:68px;--content-max:960px}@media (width>=768px){:root{--gutter:32px}}@media (width<=359px){:root{--gutter:12px}}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-hebrew-wght-normal-DdnsCkLr.woff2)format("woff2-variations");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-ext-wght-normal-CYrqKuxd.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-wght-normal-DM6njrJ3.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-sans-cyrillic-ext-wght-normal-7w74d1lj.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-sans-cyrillic-wght-normal-B9hoeQUC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-sans-vietnamese-wght-normal-BhFYcaJr.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-sans-latin-ext-wght-normal-DMEAsnHD.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-sans-latin-wght-normal-BWQ3gi2K.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:before,:after{box-sizing:border-box}*{margin:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-ui);font-size:var(--text-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;font-weight:500;line-height:1.45}#root{min-height:100dvh}img,svg{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}h1,h2,h3{font-family:var(--font-display);color:var(--text-heading);font-weight:600;line-height:1.15}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px;border-radius:var(--radius-full)}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn{--btn-base:4px;justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);font-family:var(--font-display);letter-spacing:.01em;white-space:nowrap;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);font-weight:600;display:inline-flex;position:relative}.btn--md{min-height:48px;padding:0 var(--space-5);font-size:1.0625rem}.btn--lg{min-width:168px;min-height:60px;padding:0 var(--space-6);font-size:1.25rem}.btn__icon{display:inline-flex}.btn__icon svg{width:1.15em;height:1.15em}.btn--primary{background:var(--euca-500);color:var(--accent-ink);box-shadow:0 var(--btn-base) 0 var(--euca-700), var(--shadow-accent);transform:translateY(calc(var(--btn-base) * -1))}.btn--primary:hover{background:var(--euca-400)}.btn--primary:active{box-shadow:0 1px 0 var(--euca-700), var(--shadow-accent-pressed);transform:translateY(-1px)}.btn--secondary{background:var(--surface);color:var(--text-heading);box-shadow:var(--shadow-1)}.btn--secondary:active{transform:translateY(1px)}.btn--ghost{color:var(--text-heading)}.btn--ghost:hover{background:var(--cream-200)}.btn:disabled{cursor:default;opacity:.5}.icon-btn{border-radius:var(--radius-full);background:var(--surface);width:52px;height:52px;color:var(--bark-600);box-shadow:var(--shadow-1);transition:transform var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);place-items:center;display:inline-grid}.icon-btn svg{width:22px;height:22px}.icon-btn:hover{color:var(--text-heading)}.icon-btn:active:not(:disabled){transform:scale(.94)}.icon-btn:disabled{cursor:default;opacity:.45;box-shadow:none}.update-prompt-area{width:100%;max-width:600px;margin-inline:auto}.update-prompt{align-items:center;gap:var(--space-3);margin-top:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-2);grid-template-columns:1fr auto;display:grid}.update-prompt__mark{border-radius:var(--radius-full);background:var(--euca-100);width:36px;height:36px;color:var(--euca-700);place-items:center;display:none}.update-prompt__text{gap:1px;min-width:0;display:grid}.update-prompt__title{font-family:var(--font-display);font-size:var(--text-body);color:var(--text-heading);text-wrap:balance;font-weight:600;line-height:1.2}.update-prompt__hint{color:var(--text-muted);font-size:var(--text-caption);text-wrap:pretty;font-weight:600;line-height:1.3}.update-prompt__actions{gap:var(--space-1);display:flex}.update-prompt__actions .btn--md{padding:0 var(--space-4)}@media (width>=560px){.update-prompt{margin-top:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);grid-template-columns:auto 1fr auto}.update-prompt__mark{display:grid}.update-prompt__actions{gap:var(--space-2)}}.reward-layer{z-index:20;pointer-events:none;position:fixed;inset:0;overflow:hidden}.reward-layer__coin{filter:drop-shadow(var(--shadow-small));margin:-11px 0 0 -11px;position:absolute;top:0;left:0}.reward-layer__labels{justify-items:center;gap:var(--space-2);display:grid;position:absolute;transform:translate(-50%,-100%)}.reward-layer__label{padding:6px var(--space-3) 6px var(--space-2);border-radius:var(--radius-full);background:var(--surface);box-shadow:var(--shadow-2);font-family:var(--font-display);color:var(--bark-700);white-space:nowrap;align-items:center;gap:6px;font-size:1.125rem;font-weight:600;display:inline-flex}.reward-layer__label.is-bonus{padding-left:var(--space-3);background:var(--honey-100);color:var(--bark-700);font-size:1rem}.nav{z-index:10;left:50%;bottom:calc(var(--safe-bottom) + 12px);width:min(calc(100% - 2 * var(--gutter)), 420px);position:fixed;transform:translate(-50%)}.nav__list{border-radius:var(--radius-full);background:var(--surface);box-shadow:var(--shadow-3);grid-template-columns:repeat(4,1fr);padding:6px;list-style:none;display:grid}.nav__item{border-radius:var(--radius-full);height:56px;color:var(--bark-600);transition:color var(--dur-fast) var(--ease-out);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex;position:relative}.nav__item:hover{color:var(--text-heading)}.nav__item.is-active{color:var(--euca-800)}.nav__active{border-radius:var(--radius-full);background:var(--euca-100);position:absolute;inset:0}.nav__icon,.nav__label{position:relative}.nav__label{font-size:var(--text-caption);font-weight:700;line-height:1}@media (width>=960px){.nav{left:calc(var(--safe-left) + 24px);width:88px;top:50%;bottom:auto;transform:translateY(-50%)}.nav__list{border-radius:44px;grid-template-columns:1fr;gap:4px;padding:8px}.nav__item{border-radius:36px;gap:4px;height:72px}.nav__active{border-radius:36px}}@media (orientation:landscape) and (height<=500px){.nav{left:calc(var(--safe-left) + 12px);width:80px;top:50%;bottom:auto;transform:translateY(-50%)}.nav__list{border-radius:40px;grid-template-columns:1fr;gap:2px;padding:6px}.nav__item{border-radius:28px;height:56px}.nav__active{border-radius:28px}}.coin-pill{min-height:40px;padding:0 var(--space-4) 0 var(--space-2);border-radius:var(--radius-full);background:var(--surface);box-shadow:var(--shadow-1);align-items:center;gap:6px;display:inline-flex}.coin-pill__value{font-family:var(--font-display);color:var(--text-heading);font-variant-numeric:tabular-nums;font-size:1.0625rem;font-weight:600}.coin-pill__coin.is-bumping{animation:coin-bump .52s var(--ease-out)}@keyframes coin-bump{0%{transform:scale(1)rotate(0)}35%{transform:scale(1.28)rotate(-12deg)}to{transform:scale(1)rotate(0)}}.koala{width:var(--figure-w);aspect-ratio:var(--figure-aspect);position:relative}.koala__figure{transform-origin:50% 100%;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:block;position:absolute;inset:0}.koala__figure--button{cursor:pointer;border-radius:40% 40% 30% 30%}.koala__figure--button:focus-visible{outline-offset:6px;border-radius:40% 40% 30% 30%}.koala__breath{transform-origin:50% 100%;position:absolute;inset:0}.koala__breath.is-breathing{animation:koala-breathe 4.2s var(--ease-in-out) infinite}.koala__breath.is-breathing[data-tempo=calm]{animation-duration:5.4s}.koala__breath.is-breathing[data-tempo=sleepy]{animation-duration:6.8s}.koala__img{width:var(--img-w);max-width:none;height:auto;left:var(--img-left);top:var(--img-top);pointer-events:none;-webkit-user-drag:none;position:absolute}.koala__img--blink{transition:none}.koala__img--blink.is-soft{transition:opacity var(--dur-slow) var(--ease-in-out)}.koala__shadow{background:var(--contact-shadow);pointer-events:none;border-radius:50%;width:78%;height:9%;position:absolute;bottom:0;left:50%;transform:translate(-50%,45%)}@keyframes koala-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.006,1.016)}}.koa-bubble-anchor{pointer-events:none;z-index:2;place-items:end center;width:max-content;display:grid;position:absolute;bottom:98%;left:50%;transform:translate(-50%)}.koa-bubble{background:var(--bubble-bg);width:max-content;max-width:min(17rem,78vw);color:var(--bubble-ink);font-family:var(--font-display);font-size:clamp(1rem, calc(var(--figure-w) * .055), 1.25rem);text-align:center;text-wrap:balance;box-shadow:var(--shadow-2);transform-origin:50% 100%;border-radius:18px;grid-area:1/1;margin:0;padding:.55em .95em .6em;font-weight:500;line-height:1.25;position:relative}.koa-bubble:after{content:"";background:var(--bubble-bg);border-radius:0 0 3px;width:12px;height:12px;margin-left:-6px;position:absolute;bottom:-5px;left:50%;transform:rotate(45deg)}.koa-nap{pointer-events:none;width:18%;height:24%;font-family:var(--font-display);color:var(--nap-ink);animation:koa-nap-in .8s var(--ease-out) .5s both;font-weight:600;position:absolute;top:-6%;right:-10%}@keyframes koa-nap-in{0%{opacity:0}}.koa-nap span{opacity:0;animation:koa-nap-drift 4.5s var(--ease-in-out) infinite;font-size:1rem;position:absolute;bottom:0;left:0}.koa-nap span:nth-child(2){font-size:1.25rem;animation-delay:1.5s}.koa-nap span:nth-child(3){font-size:1.5rem;animation-delay:3s}@keyframes koa-nap-drift{0%{opacity:0;transform:translate(0)}20%{opacity:.85}80%{opacity:.5}to{opacity:0;transform:translate(70%,-260%)}}@media (prefers-reduced-motion:reduce){.koa-nap span{opacity:.7;animation:none}.koa-nap span:first-child{transform:translate(0)}.koa-nap span:nth-child(2){transform:translate(40%,-120%)}.koa-nap span:nth-child(3){transform:translate(80%,-240%)}}.timer-display{font-family:var(--font-display);font-weight:600;font-size:clamp(3.5rem, 8dvh, var(--text-timer));letter-spacing:.01em;color:var(--text);font-variant-numeric:tabular-nums;text-align:center;line-height:1}.cycle{align-items:center;gap:var(--space-3);color:var(--text-muted);font-size:var(--text-label);font-weight:700;display:inline-flex}.cycle__leaves{gap:3px;display:inline-flex}.cycle__leaf{color:var(--cream-300);--glyph-vein:transparent}.cycle__leaf.is-done{color:var(--euca-500);--glyph-vein:var(--cream-50)}.timer-controls{justify-content:center;align-items:center;gap:var(--space-5);padding-top:var(--space-1);display:flex}@media (width<=359px){.timer-controls{gap:var(--space-2)}}.skip-confirm{justify-items:center;gap:var(--space-3);text-align:center;max-width:30ch;display:grid}.skip-confirm__text{color:var(--text);text-wrap:balance;font-weight:600}.skip-confirm__actions{gap:var(--space-2);display:flex}.ring{aspect-ratio:1;position:relative}.ring__svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ring__glow{fill:var(--cream-50);opacity:.55}.ring__track{fill:none;stroke:var(--cream-50)}.ring__fill{fill:none;stroke:var(--euca-500);stroke-linecap:round;transition:stroke-dashoffset .6s linear}.ring__cap{fill:var(--surface);filter:drop-shadow(var(--shadow-small))}.ring__leaf{fill:var(--euca-600)}.ring__content{position:absolute;inset:0}.segmented{padding:var(--space-1);border-radius:var(--radius-full);background:var(--surface-sunken);gap:2px;display:inline-flex}.segmented__option{white-space:nowrap;min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-full);font-size:var(--text-label);color:var(--text-muted);transition:color var(--dur-fast) var(--ease-out);font-weight:700;position:relative}.segmented[aria-disabled=true] .segmented__option:not(.is-selected){opacity:.45;cursor:default}.segmented__option:hover{color:var(--text-heading)}.segmented__option.is-selected{color:var(--euca-800)}.segmented__thumb{border-radius:var(--radius-full);background:var(--surface);box-shadow:var(--shadow-1);position:absolute;inset:0}.segmented__label{position:relative}.home{--stage:clamp(200px, min(86vw, 44dvh, 100dvh - 440px - var(--safe-top) - var(--safe-bottom)), 380px);align-content:center;justify-items:center;gap:var(--space-4);grid-template-areas:"modes""stage""timer""controls";display:grid}.home__modes{grid-area:modes}.home__stage{width:var(--stage);aspect-ratio:1;grid-area:stage;position:relative}.home__ring{position:absolute;inset:0}.home__koala{position:absolute;bottom:-1%;left:50%;transform:translate(-50%)}.home__timer{justify-items:center;gap:var(--space-3);grid-area:timer;display:grid}.home__controls{grid-area:controls;align-content:start;justify-items:center;min-height:112px;display:grid}@media (width>=600px) and (width<=959px){.home{--stage:clamp(240px, min(70vw, 44dvh), 500px);gap:var(--space-5)}.home__timer .timer-display{font-size:5.5rem}}@media (width>=960px){.home{--stage:min(440px, 62dvh);align-content:center;align-items:center;column-gap:var(--space-7);row-gap:var(--space-5);grid-template:"stage modes""stage timer""stage controls"/auto minmax(300px,1fr)}.home__modes{align-self:end}.home__controls{align-self:start}.home__stage{margin-block:var(--space-4)}.home__timer .timer-display{font-size:5.5rem}}@media (orientation:landscape) and (height<=500px){.home{--stage:clamp(180px, min(100dvh - 140px - var(--safe-top) - var(--safe-bottom), 100vw - 460px), 300px);align-content:center;align-items:center;column-gap:var(--space-5);row-gap:var(--space-3);grid-template:"stage modes""stage timer""stage controls"/auto minmax(0,1fr)}.home__modes{align-self:end}.home__controls{align-self:start}.home__stage{margin-block:0}.home__timer .timer-display{font-size:clamp(3.5rem, 8dvh, var(--text-timer))}}.soon{align-content:center;justify-items:center;gap:var(--space-3);text-align:center;max-width:34ch;margin-inline:auto;display:grid}.soon__figure{aspect-ratio:1;width:clamp(200px,56vw,248px);margin-bottom:var(--space-3);background:var(--cream-50);box-shadow:var(--shadow-1);border-radius:50%;place-items:center;padding-top:18%;display:grid}.soon__title{font-size:var(--text-display);text-wrap:balance}.soon__message{color:var(--text-muted);text-wrap:pretty}.soon__action{margin-top:var(--space-3)}.stats{gap:var(--space-4);grid-template-areas:"title""today""figures""week";align-content:start;width:100%;max-width:600px;margin-inline:auto;display:grid}.stats__title{font-size:var(--text-display);padding-inline:var(--space-1);grid-area:title}.stats-card{padding:var(--space-5);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-2)}.stats-card__title{font-size:var(--text-title)}.stats-today{align-items:center;gap:var(--space-5);grid-area:today;display:flex}.stats-today__ring{flex:none;width:clamp(124px,36vw,156px)}.stats-today__ring .ring__track{stroke:var(--surface-sunken)}.stats-today__ring .ring__glow{opacity:0}.stats-today__figure{place-content:center;justify-items:center;height:100%;line-height:1;display:grid}.stats-today__minutes{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--text-heading);font-size:2.75rem;font-weight:600}.stats-today__of{margin-top:var(--space-1);color:var(--text-muted);font-size:var(--text-caption);font-weight:700}.stats-today__text{gap:var(--space-1);min-width:0;display:grid}.stats-today__sessions{color:var(--text-heading);font-weight:700}.stats-today__status{color:var(--text-muted);font-size:var(--text-label);text-wrap:pretty}.stats-today__status[data-done]{color:var(--accent-strong);font-weight:700}.stats__figures{gap:var(--space-4);grid-area:figures;grid-template-columns:1fr 1fr;display:grid}.stats-figure{padding:var(--space-4) var(--space-4) var(--space-5);align-content:start;gap:2px;display:grid}.stats-figure__label{font-family:var(--font-ui);font-size:var(--text-label);color:var(--text-muted);font-weight:700}.stats-figure__value{margin-block:var(--space-1) var(--space-2);font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--text-heading);text-wrap:balance;font-size:clamp(1.375rem,5.4vw,1.75rem);font-weight:600;line-height:1.1}.stats-figure__note{color:var(--text-muted);font-size:var(--text-caption);text-wrap:pretty;font-weight:600}.week{--plot-h:140px;--label-h:28px;--headroom:22px;grid-area:week}.week__head{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.week__total{font-family:var(--font-display);font-size:var(--text-title);font-variant-numeric:tabular-nums;color:var(--accent-strong);font-weight:600}.week__legend{align-items:center;gap:var(--space-2);margin-top:var(--space-1);color:var(--text-muted);font-size:var(--text-caption);font-weight:600;display:flex}.week__legend-line,.week__goal{border-top:2px dashed var(--honey-500)}.week__legend-line{width:18px}.week__plot{margin-top:var(--space-3);padding-top:var(--headroom);position:relative}.week__goal{inset-inline:0;bottom:calc(var(--label-h) + var(--goal) * var(--plot-h) - 1px);pointer-events:none;z-index:1;position:absolute}.week__bars{gap:var(--space-1);grid-template-columns:repeat(7,1fr);padding:0;list-style:none;display:grid}.week__day{grid-template-rows:var(--plot-h) var(--label-h);justify-items:center;display:grid}.week__column{border-bottom:2px solid var(--cream-200);width:100%;height:100%;position:relative}.week__bar{width:min(28px,70%);height:calc(var(--h) * 100%);background:var(--euca-500);transform-origin:bottom;animation:week-grow var(--dur-slow) var(--ease-out) both;animation-delay:calc(var(--i) * 40ms);border-radius:10px 10px 4px 4px;position:absolute;bottom:0;left:50%;translate:-50%}.week__day[data-today] .week__bar{background:var(--euca-700)}.week__bar[data-empty]{border-radius:var(--radius-full);background:var(--cream-300);height:6px;animation:none}.week__value{bottom:calc(var(--h) * 100% + 4px);font-family:var(--font-display);font-size:var(--text-caption);font-variant-numeric:tabular-nums;color:var(--text-muted);z-index:2;justify-content:center;align-items:center;gap:1px;font-weight:600;line-height:1;display:flex;position:absolute;inset-inline:0}.week__day[data-goal] .week__value{color:var(--accent-strong)}.week__leaf{color:var(--euca-600)}.week__label{color:var(--text-muted);font-size:var(--text-caption);align-self:end;font-weight:700}.week__day[data-today] .week__label{color:var(--text-heading)}@keyframes week-grow{0%{transform:scaleY(0)}}@media (prefers-reduced-motion:reduce){.week__bar{animation:none}}@media (width>=600px){.stats{gap:var(--space-5)}.week{--plot-h:180px}}@media (width>=960px){.stats{grid-template-columns:1fr 1fr;grid-template-areas:"title title""today figures""week week";max-width:none}.stats-today{padding:var(--space-6)}.stats-today__ring{width:168px}.stats__figures{grid-template-columns:1fr}}.stepper{justify-items:end;display:grid;position:relative}.stepper__controls{align-items:center;gap:var(--space-1);display:flex}.stepper__button{border-radius:var(--radius-full);background:var(--surface-sunken);width:48px;height:48px;color:var(--bark-700);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:transform var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out);flex:none;place-items:center;display:grid}.stepper__button svg{width:20px;height:20px}@media (hover:hover){.stepper__button:hover:not(:disabled){background:var(--cream-300)}}.stepper__button:active:not(:disabled){transform:scale(.92)}.stepper__button:disabled{cursor:default;opacity:.35}.stepper__value{cursor:text;justify-items:center;width:4.25rem;display:grid}.stepper__input{border-radius:var(--radius-chip);width:100%;min-height:44px;color:var(--text-heading);font-family:var(--font-display);font-variant-numeric:tabular-nums;text-align:center;caret-color:var(--accent-strong);transition:background-color var(--dur-fast) var(--ease-out);background:0 0;border:0;padding:0;font-size:2rem;font-weight:600;line-height:1}.stepper__input:focus{background:var(--surface-sunken);outline:none}.stepper__input:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-chip)}.stepper__unit{color:var(--text-muted);font-size:var(--text-caption);margin-top:-2px;font-weight:700;line-height:1.2}.stepper__note{color:var(--accent-strong);font-size:var(--text-caption);white-space:nowrap;margin-top:2px;font-weight:700;position:absolute;top:100%;right:0}.switch{border-radius:var(--radius-full);flex:none;place-items:center;min-width:52px;min-height:44px;display:grid}.switch__track{border-radius:var(--radius-full);background:var(--fur-400);width:52px;height:32px;transition:background-color var(--dur-fast) var(--ease-out);position:relative}.switch__thumb{background:var(--surface);width:26px;height:26px;box-shadow:var(--shadow-1);transition:transform var(--dur-base) var(--ease-out);border-radius:50%;position:absolute;top:3px;left:3px}.switch[aria-checked=true] .switch__track{background:var(--euca-500)}.switch[aria-checked=true] .switch__thumb{transform:translate(20px)}.switch:active:not(:disabled) .switch__thumb{transform:scale(.92)}.switch[aria-checked=true]:active:not(:disabled) .switch__thumb{transform:translate(20px)scale(.92)}.switch:disabled{cursor:not-allowed}.switch:disabled .switch__track{opacity:.5}.settings{gap:var(--space-5);align-content:start;width:100%;max-width:600px;margin-inline:auto;display:grid}.settings__title{font-size:var(--text-display);padding-inline:var(--space-1)}.settings__version{color:var(--text-muted);font-size:var(--text-caption);font-variant-numeric:tabular-nums;justify-self:center;font-weight:600}.settings-card{padding:var(--space-5) var(--space-5) var(--space-2);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-2);display:grid}.settings-card__title{font-size:var(--text-title)}.settings-card__lead{margin-top:var(--space-1);color:var(--text-muted);font-size:var(--text-label);text-wrap:pretty}.settings-card__note{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-chip);background:var(--honey-100);color:var(--bark-700);font-size:var(--text-label);text-wrap:pretty;font-weight:600}.settings-row{gap:var(--space-3);padding-block:var(--space-4);display:grid}.settings-row+.settings-row{border-top:1px solid var(--cream-200)}.settings-card__title+.settings-row,.settings-card__lead+.settings-row,.settings-card__note+.settings-row{margin-top:var(--space-2)}.settings-row__main{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.settings-row__text{gap:2px;min-width:0;display:grid}.settings-row__label{color:var(--text-heading);font-weight:700}.settings-row__hint{color:var(--text-muted);font-size:var(--text-caption);text-wrap:pretty;font-weight:600}.presets{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.presets__chip{border-radius:var(--radius-full);background:var(--surface-sunken);min-height:44px;color:var(--text-heading);font-family:var(--font-display);font-size:var(--text-body);font-variant-numeric:tabular-nums;transition:transform var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);font-weight:600}@media (hover:hover){.presets__chip:hover{background:var(--cream-300)}}.presets__chip:active{transform:scale(.96)}.presets__chip[aria-pressed=true]{background:var(--euca-500);color:var(--accent-ink);box-shadow:var(--shadow-small)}.data__action{flex-shrink:0}.settings-row__hint--alert{color:var(--bark-900);font-weight:700}.reset-confirm{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-chip);background:var(--blush-200);color:var(--bark-900);display:grid}.reset-confirm__title{font-family:var(--font-display);font-size:var(--text-title);color:var(--text-heading);font-weight:600}.reset-confirm__lead{font-size:var(--text-label);font-weight:700}.reset-confirm__list{gap:var(--space-1);margin-top:calc(var(--space-2) * -1);padding-left:var(--space-5);font-size:var(--text-label);text-wrap:pretty;display:grid}.reset-confirm__list--deleted{list-style:"–  "}.reset-confirm__list--kept{list-style:"✓  "}.reset-confirm__list li::marker{color:var(--bark-600);font-weight:700}.reset-confirm__note{color:var(--bark-700);font-size:var(--text-caption);text-wrap:pretty;font-weight:600}.reset-confirm__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.reset-confirm__actions .btn{flex:10rem}.reset-confirm__delete{background:var(--blush-400);color:var(--bark-900);box-shadow:inset 0 0 0 2px var(--danger)}@media (hover:hover){.reset-confirm__delete:hover{background:var(--blush-200)}}.install__action{flex-shrink:0}.install-steps{gap:var(--space-1);color:var(--text);font-size:var(--text-label);padding-left:1.4em;display:grid}.install-steps strong{color:var(--text-heading);font-weight:700}.install-steps__icon{vertical-align:-.15em;color:var(--accent-strong);margin-inline:.15em .2em;display:inline-block}.settings-card__title:focus{outline:none}.settings-card__title:focus-visible{outline:3px solid var(--focus-ring);border-radius:var(--radius-chip)}.settings-row__link{color:var(--accent-strong);text-underline-offset:2px;border-radius:4px;font-weight:700;text-decoration:underline;display:inline}.shop{gap:var(--space-5);align-content:start;width:100%;max-width:720px;margin-inline:auto;display:grid}.shop__preview{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5) var(--space-4) var(--space-3);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-2);grid-template-columns:auto 1fr;display:grid}.shop__koala{padding-top:var(--space-3);place-items:center;display:grid}.shop__outfit{gap:var(--space-2);align-content:center;display:grid}.shop__title{font-size:var(--text-display)}.shop__hint,.shop__art-note{color:var(--text-muted);font-size:var(--text-label);text-wrap:pretty}.shop__art-note{font-size:var(--text-caption)}.shop__wearing{gap:var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.wearing-chip{min-height:32px;padding:0 var(--space-3) 0 var(--space-2);border-radius:var(--radius-full);background:var(--euca-100);color:var(--euca-800);font-size:var(--text-label);align-items:center;gap:6px;font-weight:700;display:inline-flex}.wearing-chip:hover{background:var(--euca-200)}.wearing-chip__swatch{width:14px;height:14px;box-shadow:inset 0 0 0 1px var(--cream-300);border-radius:50%}.shop__tabs{scrollbar-width:none;justify-self:center;max-width:100%;overflow-x:auto}.shop__tabs::-webkit-scrollbar{display:none}.shop__tabs .segmented__option{flex:none}@media (width<=420px){.shop__tabs .segmented__option{padding:0 10px;font-size:.8125rem}}.shop__grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid}.item-card{gap:var(--space-2);height:100%;padding:var(--space-3) var(--space-3) var(--space-4);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-1);transition:box-shadow var(--dur-base) var(--ease-out);grid-template-rows:auto auto 1fr auto;display:grid}.item-card.is-equipped{box-shadow:0 0 0 2px var(--euca-300), var(--shadow-2)}.item-card__art{aspect-ratio:4/3;background:var(--surface-sunken);border-radius:20px;place-items:center;display:grid;position:relative}.item-card__swatch{aspect-ratio:1;width:36%;box-shadow:var(--shadow-inset-round), var(--shadow-1);border-radius:50%}.item-card__art-status{color:var(--text-muted);font-size:.6875rem;font-weight:700;position:absolute;bottom:8px}.item-card__owned{border-radius:var(--radius-full);background:var(--surface);color:var(--euca-800);padding:2px 8px;font-size:.6875rem;font-weight:800;position:absolute;top:8px;right:8px}.item-card__name{padding-inline:var(--space-1);font-size:1.0625rem;line-height:1.2}.item-card__desc{padding-inline:var(--space-1);color:var(--text-muted);font-size:var(--text-caption);line-height:1.4}.item-card__action{width:100%;min-height:44px;margin-top:var(--space-1);font-size:1rem}.item-card__action.btn--primary{--btn-base:3px}.item-card__action--confirm{background:var(--honey-300);color:var(--bark-900);box-shadow:0 var(--btn-base) 0 var(--honey-700), var(--shadow-1)}.item-card__action--confirm:hover{background:var(--honey-300)}.item-card__locked{min-height:44px;margin-top:var(--space-1);justify-content:space-between;align-items:center;gap:var(--space-2);padding:0 var(--space-3);border-radius:var(--radius-full);background:var(--surface-sunken);display:flex}.item-card__price{font-family:var(--font-display);color:var(--text-heading);align-items:center;gap:4px;font-weight:600;display:inline-flex}.item-card__need{font-size:var(--text-caption);color:var(--text-muted);white-space:nowrap;font-weight:700}.shop__toast-area{z-index:15;left:50%;bottom:calc(var(--safe-bottom) + var(--nav-height) + 28px);width:min(calc(100% - 2 * var(--gutter)), 420px);pointer-events:none;justify-items:center;display:grid;position:fixed;transform:translate(-50%)}.shop__toast{padding:var(--space-3) var(--space-4);border-radius:var(--radius-full);background:var(--bark-900);color:var(--cream-50);font-size:var(--text-label);text-align:center;box-shadow:var(--shadow-3);font-weight:700}@media (width>=600px){.shop__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=960px),(orientation:landscape) and (height<=500px){.shop__toast-area{bottom:calc(var(--safe-bottom) + 32px)}}.app{min-height:100dvh;padding:calc(var(--safe-top) + var(--space-3)) calc(var(--safe-right) + var(--gutter)) calc(var(--safe-bottom) + var(--nav-height) + var(--space-6)) calc(var(--safe-left) + var(--gutter));grid-template-rows:auto auto 1fr;display:grid}html{scroll-padding-bottom:calc(var(--safe-bottom) + var(--nav-height) + var(--space-5))}@media (width>=960px),(orientation:landscape) and (height<=500px){html{scroll-padding-bottom:0}}.app__bar{width:100%;max-width:var(--content-max);justify-content:space-between;align-items:center;min-height:48px;margin-inline:auto;display:flex}.app__main{width:100%;max-width:var(--content-max);margin-inline:auto;display:grid}.app__screen{padding-block:var(--space-3);align-content:center;display:grid}.wordmark{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-heading);padding-right:12px;font-size:1.75rem;font-weight:600;line-height:1;display:inline-block;position:relative}.wordmark__leaf{color:var(--euca-500);position:absolute;top:-5px;right:0;transform:rotate(8deg)}@media (width>=960px){.app{padding:calc(var(--safe-top) + var(--space-5)) calc(var(--safe-right) + var(--gutter)) calc(var(--safe-bottom) + var(--space-5)) calc(var(--safe-left) + 136px)}}@media (orientation:landscape) and (height<=500px){.app{padding:calc(var(--safe-top) + var(--space-2)) calc(var(--safe-right) + var(--gutter)) calc(var(--safe-bottom) + var(--space-3)) calc(var(--safe-left) + 104px)}}.app .app__bar .coin-pill,.app .nav{transition:opacity var(--dur-slow) var(--ease-out)}.app[data-focus-running] .app__bar .coin-pill,.app[data-focus-running] .nav{opacity:.4}.app[data-focus-running] .nav:hover,.app[data-focus-running] .nav:focus-within,.app[data-focus-running] .app__bar .coin-pill:hover{opacity:1}
