@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-display:swap;font-weight:200 800;src:url(./atkinson-hyperlegible-next-latin-BcXVPD7q.woff2) format("woff2-variations")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:300 700;src:url(./fredoka-latin-wght-normal-DM6njrJ3.woff2) format("woff2-variations")}:root{color-scheme:light;--bg: #eef8f7;--bg-top: #dcf5f0;--bg-bottom: #d9edf5;--card: #ffffff;--card-soft: #f5fbfa;--chip: #e2f2f0;--pressed: #d5ebe8;--line: #d3e7e5;--line-strong: #a9c9c6;--ink: #0f3238;--muted: #476970;--on-primary: #ffffff;--lagoon: #11716f;--lagoon-bright: #49aeaa;--sky: #146aa5;--sky-bright: #2eacde;--mint: #8edbb9;--mint-soft: #d6f4e8;--lotus: #7f4fb8;--lotus-bright: #ba84da;--blossom: #e7a6dd;--lotus-soft: #f1e6fa;--leaf: #2f7a49;--leaf-bright: #53a36c;--primary: #11716f;--ok: #217449;--focus: #7f4fb8;--ring-track: #e0efed;--fade-bottom: #d9edf5;--drink-water: #1f73b8;--drink-tea: #2f8350;--drink-coffee: #7a4a2a;--drink-juice: #b35a0c;--drink-milk: #66727f;--drink-other: #8a4fb3}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #0c181c;--bg-top: #0f2226;--bg-bottom: #0b1820;--card: #15262b;--card-soft: #1a2e33;--chip: #1d3439;--pressed: #24404a;--line: #24393f;--line-strong: #3d5a60;--ink: #e4f5f3;--muted: #9ebdc0;--on-primary: #062421;--lagoon: #5fd0c3;--lagoon-bright: #49aeaa;--sky: #6cbcf0;--sky-bright: #2eacde;--mint: #8edbb9;--mint-soft: #173b33;--lotus: #c9a2ef;--lotus-bright: #ba84da;--blossom: #e7a6dd;--lotus-soft: #2a2140;--leaf: #82cf9b;--leaf-bright: #53a36c;--primary: #5fd0c3;--ok: #7fd6a2;--focus: #c9a2ef;--ring-track: #203a40;--fade-bottom: #0b1820;--drink-water: #72b6f0;--drink-tea: #83cf97;--drink-coffee: #c9a07a;--drink-juice: #f0a65e;--drink-milk: #b9c3cf;--drink-other: #cf98ea}}[data-theme=dark]{color-scheme:dark;--bg: #0c181c;--bg-top: #0f2226;--bg-bottom: #0b1820;--card: #15262b;--card-soft: #1a2e33;--chip: #1d3439;--pressed: #24404a;--line: #24393f;--line-strong: #3d5a60;--ink: #e4f5f3;--muted: #9ebdc0;--on-primary: #062421;--lagoon: #5fd0c3;--lagoon-bright: #49aeaa;--sky: #6cbcf0;--sky-bright: #2eacde;--mint: #8edbb9;--mint-soft: #173b33;--lotus: #c9a2ef;--lotus-bright: #ba84da;--blossom: #e7a6dd;--lotus-soft: #2a2140;--leaf: #82cf9b;--leaf-bright: #53a36c;--primary: #5fd0c3;--ok: #7fd6a2;--focus: #c9a2ef;--ring-track: #203a40;--fade-bottom: #0b1820;--drink-water: #72b6f0;--drink-tea: #83cf97;--drink-coffee: #c9a07a;--drink-juice: #f0a65e;--drink-milk: #b9c3cf;--drink-other: #cf98ea}:root{--font-body: "Atkinson Hyperlegible Next", system-ui, sans-serif;--font-display: "Fredoka", "Atkinson Hyperlegible Next", system-ui, sans-serif;--fs-display: 2.5rem;--fs-h1: 2rem;--fs-h2: 1.375rem;--fs-body: 1.0625rem;--fs-meta: .9375rem;--fs-small: .8125rem;--lh-tight: 1.15;--lh-body: 1.45;--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-5: 1.5rem;--s-6: 2rem;--inset: 1.125rem;--r-xs: .5rem;--r-sm: .875rem;--r-md: 1.375rem;--r-lg: 1.75rem;--r-pill: 999px;--tap: 3rem;--shadow: 0 1px 2px rgb(15 50 56 / .06), 0 6px 24px rgb(19 122 120 / .08);--grad-drop: linear-gradient(140deg, #68dac4 0%, #49aeaa 38%, #2eacde 100%);--grad-lotus: linear-gradient(160deg, #f3d7f1 0%, #e7a6dd 35%, #ba84da 100%);--grad-mist: linear-gradient(180deg, var(--bg-top), var(--bg) 40%, var(--bg-bottom))}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100dvh;background:var(--bg);background-image:var(--grad-mist);background-attachment:fixed;color:var(--ink);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}h1,h2,h3,p,ul,fieldset,figure{margin:0}ul{padding:0;list-style:none}fieldset{padding:0;border:0;min-width:0}legend{padding:0}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}svg{display:block}.title{font-family:var(--font-display);font-weight:600;font-size:var(--fs-h1);line-height:var(--lh-tight);letter-spacing:-.01em}.meta{color:var(--muted);font-size:var(--fs-meta)}.body{font-size:var(--fs-body)}.num,.ring__n,.stepper__n,.row__ml{font-variant-numeric:tabular-nums}.link{padding:0;border:0;background:none;color:var(--lagoon);font-weight:700;font-size:var(--fs-meta);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px;min-height:var(--tap)}.shell{min-height:100dvh}.screen{display:flex;flex-direction:column;gap:var(--s-4);width:100%;max-width:30rem;margin:0 auto;padding:calc(var(--s-5) + env(safe-area-inset-top)) var(--s-4) calc(7rem + env(safe-area-inset-bottom))}.navmenu{position:fixed;z-index:12;left:calc(var(--s-4) + env(safe-area-inset-left));bottom:calc(var(--s-4) + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-2)}.navmenu__btn{display:inline-flex;align-items:center;gap:var(--s-2);min-height:3.5rem;padding:var(--s-1) var(--s-4) var(--s-1) var(--s-1);border:0;border-radius:var(--r-pill);background:color-mix(in srgb,var(--card) 92%,transparent);color:var(--ink);box-shadow:var(--shadow),0 0 0 1px var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-weight:700}.navmenu__btn .navmenu__icon{background:var(--grad-drop);color:#fff;box-shadow:0 4px 12px #2eacde4d}.navmenu__icon{display:grid;place-items:center;flex:none;width:3rem;height:3rem;border-radius:50%;color:var(--lagoon)}.navmenu__icon svg{width:1.5rem;height:1.5rem}.navmenu__chev{display:grid;place-items:center;width:1.25rem;height:1.25rem;color:var(--muted)}.navmenu__chev svg{width:100%;height:100%}.navmenu__list{display:flex;flex-direction:column;gap:2px;min-width:13rem;padding:var(--s-2);border-radius:var(--r-lg);background:var(--card);box-shadow:0 16px 40px #081e2438,0 0 0 1px var(--line);transform-origin:bottom left}@media(prefers-reduced-motion:no-preference){.navmenu__list{animation:menu-in .18s cubic-bezier(.2,.9,.3,1.2) both}}@keyframes menu-in{0%{opacity:0;transform:translateY(8px) scale(.92)}to{opacity:1;transform:none}}.navmenu__item{display:flex;align-items:center;gap:var(--s-3);width:100%;min-height:3.5rem;padding:var(--s-1) var(--s-3) var(--s-1) var(--s-1);border:0;border-radius:var(--r-md);background:none;color:var(--ink);font-weight:700;font-size:1.0625rem;text-align:left}.navmenu__item .navmenu__icon{background:var(--mint-soft)}.navmenu__item:active{background:var(--pressed)}.navmenu__item[aria-current=page]{background:var(--mint-soft);color:var(--lagoon)}.navmenu__item[aria-current=page] .navmenu__icon{background:var(--grad-drop);color:#fff}.navmenu__label{flex:1;line-height:1.1}.navmenu__check{display:grid;place-items:center;width:1.25rem;height:1.25rem}.navmenu__check svg{width:100%;height:100%}.navmenu__scrim{position:fixed;z-index:11;inset:0;background:#081e2447}.fab{position:fixed;z-index:10;right:calc(var(--s-4) + env(safe-area-inset-right));bottom:calc(var(--s-4) + env(safe-area-inset-bottom));display:grid;place-items:center;width:3.75rem;height:3.75rem;padding:0;border:0;border-radius:50%;background:var(--grad-drop);color:#fff;box-shadow:0 8px 22px #2eacde6b,0 0 0 4px color-mix(in srgb,var(--card) 70%,transparent)}.fab svg{width:1.75rem;height:1.75rem}.fab:active{filter:brightness(.95);transform:scale(.97)}.shell:after{content:"";position:fixed;z-index:9;inset:auto 0 0;height:calc(6rem + env(safe-area-inset-bottom));pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--fade-bottom) 0%,transparent),color-mix(in srgb,var(--fade-bottom) 88%,transparent) 62%,var(--fade-bottom))}.card{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--inset);border-radius:var(--r-lg);background:var(--card);box-shadow:var(--shadow)}.card__label{font-size:var(--fs-meta);font-weight:700;color:var(--muted);letter-spacing:.01em}.block{display:flex;flex-direction:column;gap:var(--s-3)}.block__title{font-family:var(--font-display);font-weight:600;font-size:var(--fs-h2);line-height:var(--lh-tight);padding-inline:var(--s-1)}.block__note{padding-inline:var(--s-1);margin-top:calc(-1 * var(--s-2))}.rows{padding:var(--s-1) 0;gap:0}.row{display:flex;align-items:center;gap:var(--s-3);min-height:4rem;padding:var(--s-2) var(--s-2) var(--s-2) var(--inset)}.row+.row{border-top:1px solid var(--line)}.row__text{flex:1;min-width:0;display:flex;flex-direction:column}.row__title{font-weight:700;overflow-wrap:anywhere}.row__meta{color:var(--muted);font-size:var(--fs-meta);font-variant-numeric:tabular-nums}.row__ml{font-weight:700;white-space:nowrap}.icon-btn{flex:none;display:grid;place-items:center;width:var(--tap);height:var(--tap);padding:0;border:0;border-radius:50%;background:none;color:var(--muted)}.icon-btn:active{background:var(--pressed)}.icon-btn svg{width:1.375rem;height:1.375rem}.hello{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-1) var(--s-1) 0}.hello__text{min-width:0}.hello__date{color:var(--muted);font-size:var(--fs-meta);font-weight:700;overflow-wrap:anywhere}.topbar{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-1) var(--s-1) 0}.topbar__row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.back{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--s-2);min-height:var(--tap);padding:0 var(--s-4) 0 var(--s-3);border:0;border-radius:var(--r-pill);background:var(--card);font-weight:700;box-shadow:var(--shadow)}.back svg{width:1.25rem;height:1.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:3.5rem;padding:var(--s-3) var(--s-5);border:0;border-radius:var(--r-pill);font-weight:700;font-size:1.125rem;text-align:center}.btn svg{flex:none;width:1.375rem;height:1.375rem}.btn--primary{background:var(--grad-drop);color:#fff;box-shadow:0 6px 18px #2eacde52;text-shadow:0 1px 1px rgb(10 70 90 / .35)}.btn--primary:active{filter:brightness(.95)}.btn--primary:disabled{background:var(--chip);color:var(--muted);box-shadow:none;text-shadow:none}.btn--tonal:disabled,.btn--quiet:disabled{opacity:.45}.btn--tonal{background:var(--mint-soft);color:var(--lagoon)}.btn--tonal:active{background:var(--pressed)}.btn--quiet{background:none;color:var(--muted)}.btn--danger{background:#b4233a;color:#fff}.btn--inline{min-height:var(--tap);padding:var(--s-2) var(--s-4);font-size:var(--fs-body)}.chips{display:flex;flex-wrap:wrap;gap:var(--s-2)}.chip{display:inline-flex;align-items:center;gap:var(--s-2);min-height:var(--tap);padding:var(--s-1) var(--s-4) var(--s-1) var(--s-1);border:0;border-radius:var(--r-pill);background:var(--card);box-shadow:var(--shadow),inset 0 0 0 1px var(--line);font-weight:700;font-size:var(--fs-meta)}.chip:active{background:var(--pressed)}.chip--pick{padding:var(--s-1) var(--s-4);background:var(--chip);box-shadow:none}.chip--pick svg{width:1.25rem;height:1.25rem}.chip--pick[aria-pressed=true]{background:var(--ink);color:var(--card)}.chip--icon{width:var(--tap);padding:0;justify-content:center}.chip--size{padding:var(--s-1) var(--s-1) var(--s-1) var(--s-4);background:var(--chip);box-shadow:none}.chip__x{display:grid;place-items:center;width:2.25rem;height:2.25rem;padding:0;border:0;border-radius:50%;background:none;color:var(--muted)}.chip__x svg{width:1.125rem;height:1.125rem}.disc{flex:none;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--drink);color:var(--card)}.disc svg{width:1.375rem;height:1.375rem}.disc--big{width:3.25rem;height:3.25rem}.disc--big svg{width:1.75rem;height:1.75rem}.disc--small{width:2rem;height:2rem}.disc--small svg{width:1.0625rem;height:1.0625rem}.dot{flex:none;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--drink);box-shadow:0 0 0 2px var(--card)}.dot--rainbow{background:conic-gradient(#c44,#c94,#bb3,#4b4,#3bb,#46c,#a4c,#c44)}.drink-water{--drink: var(--drink-water)}.drink-tea{--drink: var(--drink-tea)}.drink-coffee{--drink: var(--drink-coffee)}.drink-juice{--drink: var(--drink-juice)}.drink-milk{--drink: var(--drink-milk)}.drink-other{--drink: var(--drink-other)}.drink-own{--drink: var(--drink-l)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .drink-own{--drink: var(--drink-d)}}[data-theme=dark] .drink-own{--drink: var(--drink-d)}:root{--art-glass: #dff1f5;--art-steam: #b9cfd3}[data-theme=dark]{--art-glass: #2a4a52;--art-steam: #5d7d84}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--art-glass: #2a4a52;--art-steam: #5d7d84}}.art{display:block;flex:none;overflow:visible}.shelf{display:flex;gap:var(--s-2);margin-inline:calc(-1 * var(--s-4));padding:var(--s-1) var(--s-4) var(--s-2);overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain}.shelf::-webkit-scrollbar{display:none}.tile{flex:none;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:2px;width:6.25rem;padding:var(--s-2) var(--s-1) var(--s-3);border:0;border-radius:var(--r-md);background:var(--card);box-shadow:var(--shadow);color:var(--ink);text-align:center}button.tile:active,.tile:has(>.tile__add:active){background:var(--pressed)}div.tile{justify-content:space-between;padding:0}.tile__add{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;min-height:var(--tap);padding:var(--s-2) var(--s-1) 0;border:0;border-radius:var(--r-md) var(--r-md) 0 0;background:none;color:inherit;font:inherit}.tile__size{display:grid;place-items:center;width:100%;min-height:var(--tap);padding:0 var(--s-1) var(--s-1);border:0;border-radius:0 0 var(--r-md) var(--r-md);background:none;font:inherit}.tile__size .tile__ml{display:inline-flex;align-items:center;gap:1px;min-height:1.75rem;padding:0 .25rem 0 .5rem;border-radius:var(--r-pill);background:var(--chip);color:var(--lagoon)}.tile__size svg{width:.875rem;height:.875rem;flex:none}.tile__size:active .tile__ml{background:var(--mint-soft);box-shadow:inset 0 0 0 2px var(--lagoon)}.tile__ml--plain{padding-bottom:var(--s-3)}.tile__art{position:relative;display:grid;place-items:center;width:4.5rem;height:4.5rem;margin-bottom:var(--s-1)}.tile__art .art{width:100%;height:100%}.tile__plus{position:absolute;left:50%;bottom:-.25rem;transform:translate(-50%);display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:50%;background:#ffffff9e;color:var(--lagoon);box-shadow:0 2px 6px #081e242e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.tile__plus svg{width:1rem;height:1rem}.tile__name{max-width:100%;font-family:var(--font-display);font-weight:600;font-size:var(--fs-small);letter-spacing:.04em;text-transform:uppercase;line-height:1.1;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.tile__ml{color:var(--muted);font-size:var(--fs-small);font-weight:700;font-variant-numeric:tabular-nums}.tile--more{justify-content:center;background:var(--mint-soft);box-shadow:none;color:var(--lagoon)}.tile__art--more{width:3.25rem;height:3.25rem;border-radius:50%;background:var(--card);box-shadow:var(--shadow)}.tile__art--more svg{width:1.5rem;height:1.5rem}.row__art{flex:none;display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--card-soft)}.shelves{display:flex;gap:var(--s-2);margin-inline:calc(-1 * var(--s-5));padding:0 var(--s-5) var(--s-1);overflow-x:auto;scrollbar-width:none}.shelves::-webkit-scrollbar{display:none}.shelf-tab{flex:none;display:inline-flex;align-items:center;gap:var(--s-1);min-height:var(--tap);padding:var(--s-1) var(--s-4) var(--s-1) var(--s-2);border:0;border-radius:var(--r-pill);background:var(--chip);color:var(--ink);font-weight:700;font-size:var(--fs-meta);white-space:nowrap}.shelf-tab[aria-pressed=true]{background:var(--ink);color:var(--card)}.today{align-items:stretch}.today__ring{display:grid;place-items:center;padding-block:var(--s-2)}.ring{position:relative;flex:none;aspect-ratio:1;container-type:inline-size;display:grid;place-items:center}.ring--big{width:min(12.5rem,100%)}.ring--small{width:100%}.ring--tiny{width:3.5rem}.ring>svg{position:absolute;inset:0;width:100%;height:100%}.ring__track{fill:none;stroke:var(--ring-track);stroke-width:11}.ring__arc{fill:none;stroke:var(--drink);stroke-width:11}.ring--tiny .ring__track,.ring--tiny .ring__arc{stroke-width:13}.ring__glow{fill:none;transition:fill .6s ease}.ring--big .ring__glow{fill:var(--card-soft)}.ring--reached .ring__glow{fill:var(--lotus-soft)}@media(prefers-reduced-motion:no-preference){.ring__arc{transition:stroke-dasharray .7s .25s cubic-bezier(.3,1.2,.5,1),stroke-dashoffset .7s .25s cubic-bezier(.3,1.2,.5,1)}}.ring__middle{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.5cqi;max-width:72cqi;text-align:center}.ring__middle--art{width:62cqi;max-width:none;aspect-ratio:1;justify-content:center}.today-flower{display:block;width:100%;height:100%;overflow:visible}.ring__n{font-family:var(--font-display);font-weight:600;line-height:1;white-space:nowrap}.ring__ml{font-size:.5em;font-weight:500}.ring__goal{font-size:9cqi;line-height:1.15;color:var(--muted)}.ring--tiny .ring__ml{display:none}.today__ring{position:relative}.today__total{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 var(--s-2);margin:calc(-1 * var(--s-1)) 0 0}.today__n{font-family:var(--font-display);font-weight:600;font-size:2rem;line-height:1.1}.today__ml{font-size:.55em;font-weight:500}.today__of{min-height:var(--tap);padding:0 var(--s-1);border:0;background:none;color:var(--muted);font:inherit;font-weight:700;text-decoration:underline dotted var(--line-strong);text-decoration-thickness:2px;text-underline-offset:4px}.today__of:active{color:var(--ink)}.today__line{display:flex;justify-content:center;align-items:center;gap:var(--s-2);min-height:var(--tap);margin-block:calc(-1 * var(--s-2));font-weight:700;text-align:center}.today__line--reached{color:var(--ok)}.today__line svg{width:1.25rem;height:1.25rem}.today__line--added{color:var(--ink);font-weight:400}.today__added{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.today__undo{flex:none;display:inline-flex;align-items:center;gap:var(--s-1)}.today__undo svg{width:1.125rem;height:1.125rem}.today__drop{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.today__ripple{position:absolute;width:min(12.5rem,100%);aspect-ratio:1;border-radius:50%;border:3px solid var(--lagoon);opacity:0}.today__falling{position:absolute;opacity:0;filter:drop-shadow(0 6px 10px rgb(8 30 36 / .2))}@media(prefers-reduced-motion:no-preference){.today__falling{animation:drink-drop .9s cubic-bezier(.45,0,.55,1) both}.today__ripple{animation:drink-ripple .8s .52s ease-out both}}@media(prefers-reduced-motion:reduce){.today__falling{animation:drink-show 1.2s ease both}}@keyframes drink-drop{0%{opacity:0;transform:translateY(-5.5rem) scale(.8) rotate(-8deg)}20%{opacity:1;transform:translateY(-4.5rem) scale(1) rotate(-4deg)}62%{opacity:1;transform:translateY(0) scale(.9) rotate(0)}to{opacity:0;transform:translateY(.5rem) scale(.2)}}@keyframes drink-ripple{0%{opacity:.7;transform:scale(.35)}to{opacity:0;transform:scale(1.02)}}@keyframes drink-show{0%,to{opacity:0}20%,70%{opacity:1}}.legend{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-1) var(--s-4);font-size:var(--fs-meta);font-weight:700}.legend li{display:inline-flex;align-items:center;gap:var(--s-2)}.legend .meta{font-weight:400;font-variant-numeric:tabular-nums}.legend__swatch{width:.875rem;height:.875rem;border-radius:4px;background:var(--drink)}.empty{align-items:center;text-align:center;padding-block:var(--s-5)}.empty__drop{display:grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:50%;background:var(--mint-soft);color:var(--lagoon)}.empty__drop svg{width:1.75rem;height:1.75rem}.empty__title{font-family:var(--font-display);font-weight:600;font-size:1.1875rem}.stepper{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--s-3)}.stepper__btn{display:grid;place-items:center;width:3.5rem;height:3.5rem;padding:0;border:0;border-radius:50%;background:var(--mint-soft);color:var(--lagoon)}.stepper__btn svg{width:1.5rem;height:1.5rem}.stepper__btn:disabled{opacity:.4}.stepper__value{display:flex;flex-direction:column;align-items:center;line-height:1.1}.stepper__n{font-family:var(--font-display);font-weight:600;font-size:var(--fs-display);line-height:1}.stepper--small .stepper__btn{width:var(--tap);height:var(--tap)}.stepper--small .stepper__n{font-size:1.75rem}.goal .meta{text-align:center}.goal .btn--inline,.welcome__goal .btn--inline{align-self:center}.goal-help__suggest{font-family:var(--font-display);font-weight:600;font-size:1.5rem;text-align:center;color:var(--ink)}.keep .row__text .row__meta{font-weight:400}.switch{position:relative;flex:none;width:3.25rem;height:2rem;margin-right:var(--s-2);padding:0;border:0;border-radius:var(--r-pill);background:var(--line-strong)}.switch__thumb{position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .16s ease}.switch[aria-checked=true]{background:var(--lagoon)}.switch[aria-checked=true] .switch__thumb{transform:translate(20px)}.switch:disabled{opacity:.5}.kind--hidden .row__title{color:var(--muted)}.kind-group+.kind-group{border-top:1px solid var(--line)}.kind .row__text{align-items:flex-start}.kind__more{display:inline-flex;align-items:center;gap:2px;min-height:2rem;margin-top:2px;padding:0 var(--s-2) 0 0;border:0;background:none;color:var(--lagoon);font-weight:700;font-size:var(--fs-meta)}.kind__more svg{width:1rem;height:1rem}.variants{margin:0 0 var(--s-2) var(--s-4);border-left:2px solid var(--line)}.variant{min-height:3.5rem;gap:var(--s-2);padding-left:var(--s-3)}.kind .row,.kind,.variant{padding-right:var(--s-1)}.row__edit{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;min-height:var(--tap);justify-content:center;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:start}.star{width:2.5rem}.variant .row__art{width:2.25rem;height:2.25rem}.star--on{color:var(--lotus)}.star--on svg path{fill:currentColor}.backup__buttons{display:flex;flex-wrap:wrap;gap:var(--s-2)}.size-sheet__drink,.keep{display:flex;align-items:center;gap:var(--s-3)}.keep .row__text{font-weight:700}.tile{-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}.tour{position:fixed;inset:0;z-index:25;overflow:hidden;pointer-events:none}.tour__block{position:absolute;pointer-events:auto}.tour__hole{position:absolute;pointer-events:none;box-shadow:0 0 0 3px var(--lagoon),0 0 0 100vmax #081e2494}.tour__hole:not(.tour__hole--try){pointer-events:auto}.tour__hole--hold:after{content:"";position:absolute;inset:-3px;border-radius:inherit;border:3px solid var(--lotus)}@media(prefers-reduced-motion:no-preference){.tour__hole--hold:after{animation:tour-hold 1.6s ease-in-out infinite}}@keyframes tour-hold{0%{opacity:0;transform:scale(1)}35%{opacity:1;transform:scale(1)}70%,to{opacity:0;transform:scale(1.12)}}.tour__bubble{position:absolute;left:var(--s-4);right:var(--s-4);max-width:26rem;margin-inline:auto;pointer-events:auto;display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-4) var(--s-5);border-radius:var(--r-lg);background:var(--card);box-shadow:var(--shadow)}.tour__step{color:var(--lagoon);font-size:var(--fs-meta);font-weight:700}.tour__title{font-family:var(--font-display);font-weight:600;font-size:var(--fs-h2);line-height:var(--lh-tight)}.tour__buttons{display:flex;justify-content:flex-end;gap:var(--s-2);margin-top:var(--s-1)}.shelf-hint{padding-inline:var(--s-1);margin-top:calc(-1 * var(--s-2))}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--s-1);padding:var(--s-1);border-radius:var(--r-pill);background:var(--chip)}.segmented button{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--tap);padding:var(--s-1) var(--s-3);border:0;border-radius:var(--r-pill);background:none;font-weight:700;font-size:var(--fs-meta)}.segmented button svg{width:1.125rem;height:1.125rem}.segmented button[aria-checked=true]{background:var(--card);box-shadow:var(--shadow);color:var(--lagoon)}.about{text-align:center;padding:var(--s-2) var(--s-4)}.sheet-wrap{position:fixed;inset:0;z-index:20;display:flex;align-items:flex-end;justify-content:center}.sheet-scrim{position:absolute;inset:0;background:#081e246b}.sheet{position:relative;display:flex;flex-direction:column;width:100%;max-width:30rem;max-height:92%;border-radius:var(--r-lg) var(--r-lg) 0 0;background:var(--bg);box-shadow:0 -8px 40px #081e2440;padding-bottom:env(safe-area-inset-bottom)}.sheet__grab{width:2.5rem;height:.3rem;margin:var(--s-2) auto 0;border-radius:var(--r-pill);background:var(--line-strong)}.sheet__head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-2) var(--s-2) 0 var(--s-5)}.sheet__title{font-family:var(--font-display);font-weight:600;font-size:var(--fs-h2)}.sheet__body{display:flex;flex-direction:column;gap:var(--s-5);padding:var(--s-3) var(--s-5) var(--s-4);overflow-y:auto}.sheet__foot{display:flex;gap:var(--s-3);padding:var(--s-3) var(--s-5) var(--s-5);border-top:1px solid var(--line)}.sheet__foot .btn{flex:1}.group{display:flex;flex-direction:column;gap:var(--s-3)}.group__label{font-weight:700}.kinds{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));gap:var(--s-2)}.kind-pick{display:flex;flex-direction:column;align-items:center;gap:var(--s-1);padding:var(--s-2) var(--s-1) var(--s-3);border:0;border-radius:var(--r-md);background:var(--card);box-shadow:inset 0 0 0 1px var(--line);font-weight:700;font-size:var(--fs-meta)}.kind-pick[aria-pressed=true]{box-shadow:inset 0 0 0 3px var(--lagoon);background:var(--mint-soft)}.kind-pick__name{overflow-wrap:anywhere;line-height:var(--lh-tight)}.time{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.time input,.input{min-height:var(--tap);padding:var(--s-2) var(--s-4);border:0;border-radius:var(--r-sm);background:var(--card);box-shadow:inset 0 0 0 1px var(--line-strong);font-size:var(--fs-body);font-weight:700}.error{color:#b4233a;font-weight:700}[data-theme=dark] .error{color:#ff9aa8}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .error{color:#ff9aa8}}.preview{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--inset);border-radius:var(--r-md);background:var(--card)}.hue{-webkit-appearance:none;appearance:none;width:100%;height:var(--tap);margin:0;border-radius:var(--r-pill);background:var(--hues-l);box-shadow:inset 0 0 0 1px var(--line-strong)}[data-theme=dark] .hue{background:var(--hues-d)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .hue{background:var(--hues-d)}}.hue::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--tap);height:var(--tap);border-radius:50%;background:var(--drink);border:4px solid var(--card);box-shadow:0 0 0 2px var(--ink)}.hue::-moz-range-thumb{width:var(--tap);height:var(--tap);border-radius:50%;background:var(--drink);border:4px solid var(--card);box-shadow:0 0 0 2px var(--ink)}.add-size{display:flex;flex-direction:column;gap:var(--s-3)}.toast{position:fixed;z-index:30;left:50%;bottom:calc(5.5rem + env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:center;gap:var(--s-3);width:min(26rem,calc(100% - 2 * var(--s-4)));padding:var(--s-2) var(--s-2) var(--s-2) var(--s-4);border-radius:var(--r-md);background:var(--ink);color:var(--card);box-shadow:0 10px 30px #081e244d;font-weight:700}.toast--bloom{background:var(--grad-lotus);color:#2b1442}.toast>svg{flex:none;width:1.5rem;height:1.5rem}.toast__text{flex:1}.toast__undo{display:inline-flex;align-items:center;gap:var(--s-1);min-height:var(--tap);padding:0 var(--s-3);border:0;border-radius:var(--r-sm);background:none;color:inherit;font-weight:700;text-decoration:underline}.toast__undo svg{width:1.125rem;height:1.125rem}.screen--welcome{padding-bottom:var(--s-6)}.welcome{display:flex;flex-direction:column;gap:var(--s-4);text-align:center}.welcome__icon{display:block;width:7.5rem;height:7.5rem;margin:var(--s-4) auto 0;border-radius:2rem;box-shadow:var(--shadow)}.welcome__title{font-family:var(--font-display);font-weight:600;font-size:2.5rem;line-height:1;background:var(--grad-drop);-webkit-background-clip:text;background-clip:text;color:transparent}.welcome__lead{font-size:1.1875rem;padding-inline:var(--s-2)}.welcome__meadow{overflow:hidden;border-radius:var(--r-md);box-shadow:var(--shadow)}.welcome__meadow .field__meadow{border-radius:0}.welcome__points{display:flex;flex-direction:column;gap:var(--s-2);text-align:left;padding:var(--s-4) var(--inset);border-radius:var(--r-lg);background:var(--card);box-shadow:var(--shadow)}.welcome__points li{display:flex;align-items:center;gap:var(--s-3);font-weight:700}.welcome__points svg{flex:none;width:1.5rem;height:1.5rem;color:var(--lotus)}.name{text-align:left}.name .input,.card>.input{width:100%}.name__skip{align-self:center;padding-inline:var(--s-3);margin-top:calc(-1 * var(--s-2))}.welcome__goal{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-4) var(--inset);border-radius:var(--r-lg);background:var(--card);box-shadow:var(--shadow)}.langs{display:flex;flex-direction:column;gap:var(--s-2)}.lang-pick{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);min-height:var(--tap);padding:var(--s-3) var(--s-4);border:0;border-radius:var(--r-md);background:var(--chip);font-weight:700;font-size:1.0625rem;text-align:left}.lang-pick[aria-checked=true]{box-shadow:inset 0 0 0 3px var(--lagoon);background:var(--mint-soft);color:var(--lagoon)}.lang-pick__check{display:inline-flex;width:1.5rem;height:1.5rem;visibility:hidden}.lang-pick__check svg{width:100%;height:100%}.lang-pick[aria-checked=true] .lang-pick__check{visibility:visible}.nudge{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--inset) var(--s-3) var(--s-3);border-radius:var(--r-lg);background:var(--lotus-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lotus) 25%,transparent)}.nudge .badge__bg{fill:var(--card)}.nudge__text{display:flex;flex-direction:column;gap:2px}.nudge__text strong{color:var(--lotus)}.nudge__text span{font-size:var(--fs-meta)}.remind__row{display:flex;align-items:center;gap:var(--s-3)}.remind__icon{flex:none;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--lotus-soft);color:var(--lotus)}.remind__icon svg{width:1.375rem;height:1.375rem}.remind__note{padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);background:var(--chip);font-size:var(--fs-meta);font-weight:700}.updates__head{display:flex;align-items:center;gap:var(--s-3)}.updates__icon{flex:none;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--mint-soft);color:var(--lagoon)}.updates__icon svg{width:1.375rem;height:1.375rem}.updates__head--new .updates__icon{background:var(--lotus-soft);color:var(--lotus)}.updates__head--error .updates__icon{background:#fde7ea;color:#b4233a}.updates__facts{display:flex;flex-direction:column;gap:var(--s-1);margin:0;padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);background:var(--chip);font-size:var(--fs-meta)}.updates__facts div{display:flex;justify-content:space-between;gap:var(--s-3)}.updates__facts dt{color:var(--muted)}.updates__facts dd{margin:0;font-weight:700;text-align:right}.updates__facts .meta{font-weight:400}.wheel-field{display:flex;flex-direction:column;gap:var(--s-2)}.wheel{--wheel-item: max(var(--tap), 2.75rem);position:relative;border-radius:var(--r-md);background:var(--chip)}.wheel__band{position:absolute;left:var(--s-1);right:var(--s-1);top:50%;height:var(--wheel-item);transform:translateY(-50%);border-radius:calc(var(--r-md) - .25rem);background:var(--grad-drop);box-shadow:0 4px 14px #2eacde4d;pointer-events:none}.wheel__scroll{position:relative;height:calc(var(--wheel-item) * 3);border-radius:inherit;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-y}.wheel__scroll::-webkit-scrollbar{display:none}.wheel__scroll:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.wheel__spacer{height:var(--wheel-item)}.wheel__item{display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-content:center;gap:0 var(--s-2);height:var(--wheel-item);padding:0 var(--inset);scroll-snap-align:center;cursor:pointer;color:var(--muted);font-weight:700;font-size:var(--fs-body);line-height:1.1;text-align:center;font-variant-numeric:tabular-nums}.wheel__sub{font-weight:600;font-size:var(--fs-meta)}.wheel__item.is-centred{color:#fff;font-family:var(--font-display);font-weight:600;font-size:1.25rem;text-shadow:0 1px 1px rgb(10 70 90 / .35)}.wheel__item.is-centred .wheel__sub{color:#ffffffd9;font-family:var(--font-body);font-size:var(--fs-meta)}@media(prefers-reduced-motion:no-preference){.wheel__scroll{scroll-behavior:smooth}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.demo-banner{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2) var(--s-3);padding:var(--s-3) var(--s-3) var(--s-3) var(--s-3);border-radius:var(--r-lg);background:var(--lotus-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lotus) 30%,transparent)}.demo-banner__icon{flex:none;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--card);color:var(--lotus)}.demo-banner__icon svg{width:1.375rem;height:1.375rem}.demo-banner__text{flex:1 1 10rem;display:flex;flex-direction:column;gap:2px;font-size:var(--fs-meta)}.demo-banner__text strong{color:var(--lotus);font-size:var(--fs-body)}.demo-banner .btn{flex:1 1 100%}.demo-banner__days{flex:1 1 100%;display:flex;align-items:center;gap:var(--s-2)}.demo-banner__day{flex:1;font-size:var(--fs-meta);font-weight:600}.demo-banner .stepper__btn{width:var(--tap);height:var(--tap);background:var(--card)}.field,.widget,.welcome,.today{--field-sky: #e9fbf8;--field-sky-low: #cdeff1;--field-sun: #fff1c9;--field-cloud: #ffffff;--field-hill: #b6e8d5;--field-hill-far: #a9dcea;--field-ground: #d3f0d9;--field-ground-low: #bfe6cc;--field-ripple: #e9fbfd;--field-tuft: #5fae80;--field-stem: #4c9a70;--field-glow: #f6dcf6;--field-sparkle: #e9b53c}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) :is(.field,.widget,.welcome,.today){--field-sky: #10262c;--field-sky-low: #143238;--field-sun: #3e4a40;--field-cloud: #23404a;--field-hill: #17423d;--field-hill-far: #173a4a;--field-ground: #1b4234;--field-ground-low: #163728;--field-ripple: #8fdbe8;--field-tuft: #4f9a72;--field-stem: #6db88d;--field-glow: #4a3466;--field-sparkle: #f5cf68}}[data-theme=dark] :is(.field,.widget,.welcome,.today){--field-sky: #10262c;--field-sky-low: #143238;--field-sun: #3e4a40;--field-cloud: #23404a;--field-hill: #17423d;--field-hill-far: #173a4a;--field-ground: #1b4234;--field-ground-low: #163728;--field-ripple: #8fdbe8;--field-tuft: #4f9a72;--field-stem: #6db88d;--field-glow: #4a3466;--field-sparkle: #f5cf68}.field__count{font-family:var(--font-display);font-weight:600;font-size:var(--fs-h2);line-height:var(--lh-tight)}.field .body{margin:0}.field__meadow{display:block;width:100%;height:auto;border-radius:var(--r-sm);overflow:hidden}.field__cloud{fill:var(--field-cloud);opacity:.9}.field__cloud--far{opacity:.6}.field__ripple{fill:none;stroke:var(--field-ripple);stroke-width:1.2;stroke-linecap:round}.field__tuft{fill:var(--field-tuft);opacity:.85}.field__stem{fill:none;stroke:var(--field-stem, #4c9a70);stroke-width:1.7;stroke-linecap:round}.field__glow{fill:var(--field-glow)}.field__halo{fill:var(--field-glow);opacity:.75}.field__sparkle path{fill:var(--field-sparkle)}@media(prefers-reduced-motion:no-preference){.field__sparkle path{transform-box:fill-box;transform-origin:center;animation:field-twinkle 2.4s ease-in-out infinite}.field__sparkle path+path{animation-delay:-1.2s}}@keyframes field-twinkle{0%,to{opacity:1;scale:1}50%{opacity:.45;scale:.7}}.field__hit{fill:transparent}@media(prefers-reduced-motion:no-preference){.field__sway{transform-origin:0 0;animation:field-sway 4s var(--sway-delay, 0s) ease-in-out infinite}}@keyframes field-sway{0%,to{transform:rotate(calc(var(--sway, 4deg) * -.35))}50%{transform:rotate(var(--sway, 4deg))}}@media(prefers-reduced-motion:no-preference){.field__grow{transform-origin:0 0;animation:field-grow .9s .2s cubic-bezier(.3,1.4,.6,1) both}}@keyframes field-grow{0%{transform:scale(0)}to{transform:scale(1)}}@media(prefers-reduced-motion:no-preference){.field__rise{transform-origin:0 0;animation:field-rise .75s cubic-bezier(.3,1.4,.6,1) both}.field__rise .field__pop{transform-origin:0 0;animation:field-pop .65s .25s cubic-bezier(.3,1.5,.6,1) both}}@keyframes field-rise{0%{transform:scale(.94,.8)}to{transform:scale(1)}}@keyframes field-pop{0%{transform:scale(0)}to{transform:scale(1)}}.field__spot{cursor:pointer;outline:none}.field__spot:focus-visible .field__hit{stroke:var(--focus);stroke-width:3}.field__ring{fill:none;stroke:var(--ink);stroke-width:2.2}.field__detail{display:flex;align-items:center;gap:var(--s-2);margin:0;padding:var(--s-3) var(--s-4);border-radius:var(--r-sm);background:var(--chip);font-weight:700;font-size:var(--fs-body);overflow-wrap:anywhere}.field__detail svg{flex:none;width:1.5rem;height:1.5rem}.field-peek{padding:0}.field-peek__btn{display:flex;flex-direction:column;gap:var(--s-2);width:100%;min-height:var(--tap);margin:0;padding:var(--s-4) var(--inset) var(--inset);border:0;border-radius:inherit;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.field-peek__btn:active{background:var(--pressed)}.field-peek__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0 var(--s-3)}.field-peek__go{margin-left:auto;display:inline-flex;align-items:center;gap:.125rem;font-weight:700;font-size:var(--fs-meta)}.field-peek__go svg{flex:none;width:1.25rem;height:1.25rem;align-self:center}.field-peek__line{display:flex;align-items:flex-start;gap:var(--s-2);font-size:var(--fs-meta);color:var(--muted)}.field-peek--reached .field-peek__line{color:var(--ok);font-weight:700}.field-peek__line svg{flex:none;width:1.25rem;height:1.25rem;margin-top:.1em}.field-peek .field__meadow{margin-top:var(--s-1)}.cal__lines{font-weight:700;color:var(--ok)}.cal__pages{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s-2)}.cal__pages .btn svg{width:1.25rem;height:1.25rem}.cal__pages .btn__label{display:inline-flex;align-items:center;gap:var(--s-2)}.cal__range{text-align:center;color:var(--muted);font-size:var(--fs-meta);margin-bottom:calc(-1 * var(--s-2))}.cal__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin-inline:calc(var(--s-1) - var(--inset))}.cal__wd{container-type:inline-size;display:grid;place-items:center;padding-block:var(--s-1);color:var(--muted);font-size:min(var(--fs-meta),30cqi);line-height:1.2}.cal__day{container-type:inline-size;display:grid;place-items:center;min-height:48px;padding:0;border:0;border-radius:var(--r-sm);background:none;color:var(--ink);font:inherit}button.cal__day{cursor:pointer}button.cal__day:active{background:var(--pressed)}button.cal__day:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.cal__mark{position:relative;display:grid;place-items:center;width:min(2.5rem,86cqi);aspect-ratio:1}.cal__ring,.cal__disc{position:absolute;inset:0;width:100%;height:100%}.cal__track{fill:none;stroke:var(--ring-track);stroke-width:4}.cal__arc{fill:none;stroke:var(--sky-bright);stroke-width:4;stroke-linecap:round}.cal__disc{border-radius:50%;background:var(--grad-drop)}.cal__n{position:relative;font-size:min(var(--fs-meta),36cqi);font-variant-numeric:tabular-nums;line-height:1}.cal__day--reached .cal__n{color:#fff;font-weight:700;text-shadow:0 1px 1px rgb(10 70 90 / .4)}.cal__day--reached .cal__mark{grid-template-rows:auto auto;align-content:center;gap:4cqi}.cal__flower{position:relative;display:grid;place-items:center;width:30cqi;height:30cqi;color:#fff}.cal__flower svg{width:100%;height:100%}.cal__day--reached .cal__n{font-size:min(var(--fs-meta),30cqi)}@container (max-width: 2.6rem){.cal__n,.cal__day--reached .cal__n{font-size:42cqi;font-weight:700}.cal__flower{display:none}.cal__mark{width:94cqi}}.cal__day--today{box-shadow:inset 0 0 0 2px var(--ink)}.cal__day--today .cal__n{font-weight:700}.cal__day--future .cal__n{color:var(--muted);opacity:.7}.cal__day[aria-pressed=true]{background:var(--ink)}.cal__day[aria-pressed=true]:not(.cal__day--reached) .cal__n{color:var(--card)}.cal__day[aria-pressed=true] .cal__track{stroke:#ffffff40}.cal__legend{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-4);font-size:var(--fs-meta);color:var(--muted)}.cal__legend li{display:inline-flex;align-items:center;gap:var(--s-2)}.cal__key{position:relative;display:grid;place-items:center;width:1.5rem;height:1.5rem;flex:none}.cal__key .cal__ring{position:static}.cal__key--reached{border-radius:50%;background:var(--grad-drop);color:#fff}.cal__key--reached svg{width:1rem;height:1rem}.cal__detail{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3) var(--s-4);border-radius:var(--r-sm);background:var(--card-soft);box-shadow:inset 0 0 0 1px var(--line)}.cal__date{font-weight:700;font-size:1.1875rem;line-height:var(--lh-tight)}.cal__total{display:flex;align-items:center;gap:var(--s-2);font-weight:700;overflow-wrap:anywhere}.cal__total svg{flex:none;width:1.25rem;height:1.25rem;color:var(--ok)}.cal__drinks{display:flex;flex-direction:column;gap:var(--s-2)}.cal__drinks li{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-1) var(--s-3)}.cal__drink{flex:1 1 7rem;min-width:0;overflow-wrap:break-word}.cal__drinks .num{margin-left:auto;white-space:nowrap}.badge{display:block;flex:none;overflow:visible}.badge__bg{fill:var(--mint-soft)}.badge__ground{fill:var(--line)}.badge--locked .badge__bg{fill:var(--chip)}.badge--locked .badge__flower{opacity:.7}.badge--locked .badge__flower *{fill:var(--line-strong)!important;stroke:var(--line-strong)!important;opacity:1!important}.badge--locked .badge__flower .field__stem{fill:none!important}.collection__next{display:flex;flex-direction:column;gap:var(--s-2)}.collection__line{font-weight:700;color:var(--lotus)}.progress{position:relative;height:1.75rem;border-radius:var(--r-pill);background:var(--chip);overflow:hidden}.progress__bar{position:absolute;inset:0 auto 0 0;min-width:1.75rem;border-radius:inherit;background:var(--grad-lotus)}.progress__text{position:relative;display:grid;place-items:center;height:100%;font-weight:700;font-size:var(--fs-small);font-variant-numeric:tabular-nums}.collection__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(4.75rem,1fr));gap:var(--s-3) var(--s-2)}.bloom{min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.bloom .badge{margin-bottom:var(--s-1)}.bloom__name{max-width:100%;-webkit-hyphens:manual;hyphens:manual;font-weight:700;font-size:var(--fs-meta);line-height:var(--lh-tight)}.bloom__meta{color:var(--muted);font-size:var(--fs-small);line-height:var(--lh-tight)}.bloom--locked .bloom__name{color:var(--muted)}.bloom--next .badge{border-radius:50%;box-shadow:0 0 0 3px var(--card),0 0 0 5px var(--lotus-bright)}.bloom--next .bloom__meta{color:var(--lotus);font-weight:700}.field-peek__next{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-1) var(--s-3) var(--s-1) var(--s-1);border-radius:var(--r-pill);background:var(--lotus-soft);color:var(--lotus);font-weight:700;font-size:var(--fs-meta);line-height:var(--lh-tight)}.field-peek__next .badge__bg{fill:var(--card)}.field-peek__rest,.collection__rest{color:var(--muted);font-size:var(--fs-small);line-height:var(--lh-tight)}.field-peek__rest{padding-left:var(--s-3)}.unlock{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);text-align:center;padding-top:var(--s-2)}.unlock__badge{display:grid;place-items:center;width:11rem;height:11rem;border-radius:50%;background:radial-gradient(circle,var(--lotus-soft) 0 55%,transparent 72%)}.unlock__badge .badge__bg{fill:var(--card)}@media(prefers-reduced-motion:no-preference){.unlock__badge .badge{animation:unlock-in .9s .15s cubic-bezier(.3,1.5,.6,1) both}}@keyframes unlock-in{0%{transform:scale(.4) rotate(-12deg);opacity:0}to{transform:none;opacity:1}}.unlock__name{font-family:var(--font-display);font-weight:600;font-size:2rem;line-height:1;background:var(--grad-lotus);-webkit-background-clip:text;background-clip:text;color:transparent}[data-theme=dark] .unlock__name{background:linear-gradient(160deg,#f7d4f1,#c9a2ef);-webkit-background-clip:text;background-clip:text}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .unlock__name{background:linear-gradient(160deg,#f7d4f1,#c9a2ef);-webkit-background-clip:text;background-clip:text}}.unlock__why{font-weight:700;font-size:1.125rem}.field__wilted{margin:calc(-1 * var(--s-2)) 0 0;color:var(--muted);font-size:var(--fs-meta)}.pick-btn{display:flex;align-items:center;gap:var(--s-3);width:100%;min-height:var(--tap);padding:var(--s-1) var(--s-4) var(--s-1) var(--s-1);border:0;border-radius:var(--r-pill);background:var(--chip);color:var(--ink);font-weight:700;font-size:var(--fs-meta);text-align:left}.pick-btn .badge__bg{fill:var(--card)}.pick-btn__mix{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:var(--card);color:var(--lotus)}.pick-btn__mix svg{width:1.25rem;height:1.25rem}.pick-btn__text{flex:1;min-width:0;overflow-wrap:anywhere}.pick-btn__go{color:var(--lagoon);text-decoration:underline;text-underline-offset:3px}.field-peek .pick-btn{margin-top:calc(-1 * var(--s-1))}.bloom--picked .badge{border-radius:50%;box-shadow:0 0 0 3px var(--card),0 0 0 5px var(--lagoon-bright)}.picks{display:flex;flex-direction:column;gap:var(--s-3)}.picks__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));gap:var(--s-2)}.pick{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;padding:var(--s-3) var(--s-1);border:0;border-radius:var(--r-md);background:var(--card);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);text-align:center}.pick .badge{margin-bottom:var(--s-1)}.pick[aria-checked=true]{background:var(--mint-soft);box-shadow:inset 0 0 0 3px var(--lagoon)}.pick[aria-checked=true] .badge__bg{fill:var(--card)}.pick:disabled{background:none;box-shadow:inset 0 0 0 1px var(--line)}.pick__name{max-width:100%;-webkit-hyphens:manual;hyphens:manual;font-weight:700;font-size:var(--fs-meta);line-height:var(--lh-tight)}.pick__meta{min-height:1em;color:var(--muted);font-size:var(--fs-small);line-height:var(--lh-tight)}.pick[aria-checked=true] .pick__meta{color:var(--lagoon);font-weight:700}.pick--locked .pick__name{color:var(--muted)}.pick--mix{flex-direction:row;gap:var(--s-3);padding:var(--s-3) var(--inset) var(--s-3) var(--s-3);text-align:left}.pick__mix{display:flex;flex:none}.pick__mix .badge+.badge{margin-left:-14px}.pick__mix .badge{margin:0}.pick__mix .badge__bg{stroke:var(--card);stroke-width:2}.pick__text{flex:1;display:flex;flex-direction:column;gap:2px}.pick__check{display:grid;place-items:center;width:1.5rem;height:1.5rem;color:var(--lagoon);visibility:hidden}.pick__check svg{width:100%;height:100%}.pick[aria-checked=true] .pick__check{visibility:visible}.widget{position:relative;display:flex;flex-direction:column;gap:8px;overflow:hidden;padding:12px;border-radius:28px;color:var(--ink);font-family:var(--font-body);background:linear-gradient(160deg,#f2fcfa,#dbf5f0 45%,#cdeaf4);box-shadow:0 10px 30px #0828322e,inset 0 0 0 1px #fff9}[data-theme=dark] .widget{background:linear-gradient(160deg,#173036,#11262b,#0d1e26);box-shadow:0 10px 30px #0006,inset 0 0 0 1px #ffffff0f}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .widget{background:linear-gradient(160deg,#173036,#11262b,#0d1e26);box-shadow:0 10px 30px #0006,inset 0 0 0 1px #ffffff0f}}.widget--small{width:160px;height:160px;padding:10px;gap:2px}.widget--medium{width:340px;height:160px;flex-direction:row;gap:10px}.widget--large{width:340px;height:340px}.w-open{display:flex;min-width:0;padding:0;border:0;background:none;text-align:left;color:inherit;font:inherit}.w-head{display:flex;align-items:center;gap:6px}.w-brand{font-family:var(--font-display);font-weight:600;font-size:15px;letter-spacing:.01em;color:var(--lagoon)}.w-count{margin-left:auto;display:inline-flex;align-items:center;gap:4px;padding:3px 10px 3px 6px;border-radius:999px;background:var(--card);font-weight:700;font-size:14px;color:var(--lotus);font-variant-numeric:tabular-nums}.w-count svg{width:18px;height:18px}.widget .ring__glow{fill:var(--card-soft)}.widget .ring--reached .ring__glow{fill:var(--lotus-soft)}.widget .ring__middle--art{width:64cqi}.w-total{font-family:var(--font-display);font-weight:600;font-size:22px;line-height:1.05;font-variant-numeric:tabular-nums;white-space:nowrap}.w-unit{font-size:.6em;font-weight:500}.w-of{font-family:var(--font-body);font-weight:400;font-size:14px;color:var(--muted)}.w-tile{flex:none;scroll-snap-align:start;display:flex;flex-direction:column;align-items:stretch;width:66px;border-radius:18px;background:var(--card);box-shadow:0 2px 8px #137a781f}.w-tile__add{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px 2px;border-radius:18px 18px 0 0;color:var(--ink);text-decoration:none;text-align:center}.w-tile__add:active,.w-tile__add.is-pressed{background:var(--pressed)}.w-tile__art{position:relative;display:grid;place-items:center;width:46px;height:46px}.w-tile__art .art{width:100%;height:100%}.w-tile__plus{position:absolute;left:50%;bottom:-3px;transform:translate(-50%);display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#ffffffb3;color:var(--lagoon);box-shadow:0 2px 6px #081e242e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.w-tile__plus svg{width:12px;height:12px}.is-pressed .w-tile__plus{background:var(--grad-drop);color:#fff}.w-tile__name{max-width:100%;margin-top:3px;font-family:var(--font-display);font-weight:600;font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-size{display:flex;align-items:center;justify-content:center;gap:1px;min-height:28px;margin:2px 4px 4px;padding:0 2px 0 6px;border:0;border-radius:999px;background:var(--chip);color:var(--lagoon);font:inherit;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.w-size svg{width:13px;height:13px;flex:none}.w-size:active{background:var(--mint-soft);box-shadow:inset 0 0 0 2px var(--lagoon)}.w-size--one{color:var(--muted);background:none;padding:0}.w-shelf{position:relative;min-width:0}.widget--medium .w-shelf{flex:1;min-height:0}.widget--large .w-shelf{flex:none;height:104px}.w-shelf__row{display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:2px 2px 6px;margin:-2px -2px -6px}.w-shelf__row::-webkit-scrollbar{display:none}.w-shelf__end{flex:none;width:calc(100% - 72px)}.w-shelf__more{position:absolute;right:-4px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;background:var(--grad-drop);color:#fff;box-shadow:0 2px 10px #137a7859,0 0 0 3px color-mix(in srgb,var(--card) 70%,transparent)}.w-shelf__more svg{width:18px;height:18px}.w-shelf__row[hidden]{display:none}.w-pick{display:flex;flex-direction:column;gap:6px}.w-pick__head{display:flex;align-items:center;gap:6px;height:24px;padding-left:2px}.w-pick__head .art{width:22px;height:22px;flex:none}.w-pick__name{flex:1;min-width:0;font-family:var(--font-display);font-weight:600;font-size:12px;letter-spacing:.04em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-pick__close{flex:none;display:grid;place-items:center;width:28px;height:28px;margin-right:-2px;border:0;border-radius:50%;background:var(--card);color:var(--muted);box-shadow:0 2px 6px #137a781f}.w-pick__close svg{width:14px;height:14px}.w-pick__sizes{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.widget--large .w-pick__sizes{grid-template-columns:repeat(4,1fr)}.w-chip{display:grid;place-items:center;height:36px;padding:0 4px;border:0;border-radius:999px;background:var(--card);color:var(--lagoon);font:inherit;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;box-shadow:0 2px 6px #137a781f}.w-chip.is-on{background:var(--grad-drop);color:#fff;box-shadow:0 2px 8px #137a784d}.w-chip:active{background:var(--mint-soft)}.widget--small .w-open{justify-content:center}.widget--small .ring{width:92px}.w-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:4px;padding-left:4px;margin-top:auto}.w-foot__text{display:flex;flex-direction:column;min-width:0}.widget--small .w-total{font-size:21px}.w-line{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;white-space:nowrap;font-weight:700;line-height:1.2;color:var(--muted)}.w-line svg{width:13px;height:13px;color:var(--lotus)}.w-line--reached{color:var(--ok)}.w-one{position:relative;flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:var(--card);box-shadow:0 2px 8px #137a782e}.w-one .art{width:38px;height:38px}.w-one .w-tile__plus{bottom:-6px}.widget--medium{align-items:stretch}.w-open--ring{flex:none;width:100px;flex-direction:column;align-items:center;justify-content:center;gap:2px}.widget--medium .ring{width:96px}.w-total--under{font-size:18px}.w-side{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.w-open--text{flex-direction:column;gap:4px}.w-big{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-display);font-weight:600;font-size:17px;line-height:1.1;white-space:nowrap}.w-big svg{width:18px;height:18px;color:var(--lotus)}.w-big--reached{color:var(--ok)}.widget--medium .w-tile{width:56px}.widget--medium .w-tile__art{width:38px;height:38px}.widget--medium .w-shelf__more{width:28px;height:28px}.w-open--top{flex:1;flex-direction:column;gap:8px;min-height:0}.w-meadow{position:relative;flex:1;min-height:0;display:block;border-radius:18px;overflow:hidden}.w-next{position:absolute;left:8px;right:8px;top:6px;display:flex;align-items:center;gap:6px;padding:2px 10px 2px 3px;border-radius:999px;background:color-mix(in srgb,var(--card) 88%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--lotus);font-size:12px;font-weight:700;line-height:1.15;box-shadow:0 2px 8px #137a781f}.w-next .badge__bg{fill:var(--lotus-soft)}.w-meadow .field__meadow{width:100%;height:100%;border-radius:0}.w-row{display:flex;align-items:center;gap:10px}.widget--large .ring--tiny{width:58px}.w-row__text{min-width:0;display:flex;flex-direction:column}.w-sub{font-size:13px;color:var(--muted);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-sub--reached{color:var(--ok)}