.phone{--w: 280px;position:relative;width:var(--w);aspect-ratio:439 / 916;flex:none;border-radius:15.5%/7.4%;padding:3.1% 2.9%;background:linear-gradient(135deg,rgb(255 255 255 / .22),transparent 30%,transparent 70%,rgb(255 255 255 / .12)),linear-gradient(160deg,#6b1e2d,#3e0e19 55%,#5a1626);box-shadow:inset 0 0 0 1.5px #ffffff1f,inset 0 0 0 4px #2a0810,0 30px 60px -18px #0a191273}.phone:before{content:"";position:absolute;left:-.9%;top:21%;width:1.2%;height:7.4%;border-radius:2px;background:#4a1220;box-shadow:0 9.3% 0 #4a1220,0 18.6% 0 #4a1220}.phone__screen{position:relative;height:100%;overflow:hidden;border-radius:13%/6%;background:var(--paper);container-type:inline-size}.phone__island{position:absolute;z-index:20;top:1.6%;left:50%;translate:-50% 0;width:31%;height:4.1%;border-radius:999px;background:#050505}.ui{position:absolute;inset:0;font-size:calc(100cqw * 16 / 393);font-family:var(--font-body);color:var(--ink);line-height:1.35;background:var(--paper);overflow:hidden}.ui h1,.ui h2,.ui h3{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;line-height:1}.ui-status{display:flex;justify-content:space-between;align-items:center;height:3.3em;padding:.85em 2em 0;font-weight:600;font-size:1em}.ui-status__icons{display:flex;gap:.35em;align-items:center}.ui-status__icons i{display:block;height:.7em;border-radius:2px;background:currentColor}.ui-status__icons i:nth-child(1){width:1em;clip-path:polygon(0 100%,100% 0,100% 100%)}.ui-status__icons i:nth-child(2){width:.9em;border-radius:50% 50% 0 0;clip-path:polygon(0 0,100% 0,50% 100%)}.ui-status__icons i:nth-child(3){width:1.5em;border-radius:3px}.ui--dark .ui-status{color:var(--cream)}.ui-body{padding:.75em 1.25em 0;display:grid;gap:1em;align-content:start}.ui-caption{font-size:.8125em;color:var(--body)}.ui-title{font-size:2.125em;color:var(--green)}.ui-title--sm{font-size:1.5em}.ui-row{display:flex;align-items:center;justify-content:space-between;gap:.5em}.ui-avatar{width:2.75em;height:2.75em;border-radius:50%;display:grid;place-items:center;background:#fde7ec;font-size:1em}.ui-days{display:grid;grid-template-columns:repeat(7,1fr);gap:.375em}.ui-day{display:grid;justify-items:center;gap:.1em;padding:.5em 0;border-radius:999px;border:1px solid var(--line-green);background:var(--paper);font-size:.75em;color:var(--body)}.ui-day b{font-family:var(--font-display);font-size:1.55em;color:var(--ink)}.ui-day.is-on{background:var(--lime);border-color:var(--lime);color:var(--forest)}.ui-hero{position:relative;height:17em;border-radius:1.75em;overflow:hidden;color:var(--cream)}.ui-hero .food{position:absolute;inset:0;--food-emoji: 6em}.ui-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,#06140ebf)}.ui-hero__body{position:absolute;z-index:2;left:1.1em;right:1.1em;bottom:1em;display:grid;gap:.45em}.ui-hero__title{font-family:var(--font-display);font-weight:800;font-size:1.55em;line-height:1.02}.ui-hero__sticker{position:absolute;z-index:2;top:.9em;right:.9em;padding:.3em .75em;border-radius:999px;background:var(--lime);color:var(--forest);font-size:.75em;font-weight:700;rotate:6deg}.ui-tags{display:flex;gap:.35em;flex-wrap:wrap}.ui-tag{padding:.28em .65em;border-radius:999px;background:#0a140f73;backdrop-filter:blur(6px);font-size:.72em;font-weight:600}.ui-tag--lime{background:var(--lime);color:var(--forest)}.ui-tag--soft{background:var(--lime-soft);color:var(--forest)}.ui-tag--sand{background:var(--sand);color:var(--ink)}.ui-actions{display:grid;grid-template-columns:1fr 1fr;gap:.6em}.ui-btn{display:grid;place-items:center;min-height:3em;border-radius:999px;background:var(--green);color:var(--cream);font-weight:600;font-size:.95em}.ui-btn--soft{background:var(--sand);color:var(--ink)}.ui-btn--lime{background:var(--lime);color:var(--forest)}.ui-card{border:1px solid var(--line-green);border-radius:1.5em;background:var(--paper);padding:.9em 1em}.ui-meal{display:grid;grid-template-columns:3.5em 1fr 2.25em;gap:.8em;align-items:center}.ui-meal .food{width:3.5em;height:3.5em;border-radius:1em;--food-emoji: 1.7em}.ui-meal__kicker{font-size:.72em;color:var(--body)}.ui-meal__name{font-family:var(--font-display);font-weight:800;font-size:1.05em;line-height:1.1}.ui-meal__meta{font-size:.72em;color:var(--body)}.ui-iconbtn{width:2.25em;height:2.25em;border-radius:50%;display:grid;place-items:center;background:var(--sand);font-size:.95em}.ui-chips{display:flex;flex-wrap:wrap;gap:.4em}.ui-chip{padding:.45em .85em;border-radius:999px;border:1px solid var(--line-green);background:var(--paper);font-size:.8em;font-weight:600}.ui-chip.is-on{background:var(--green);border-color:var(--green);color:var(--cream)}.ui-bar{height:.5em;border-radius:999px;background:var(--line-green);overflow:hidden}.ui-bar>i{display:block;height:100%;width:var(--p, 50%);border-radius:inherit;background:var(--green)}.ui-scrim{position:absolute;inset:0;background:#061e166b}.ui-sheet{position:absolute;left:0;right:0;bottom:0;padding:.75em 1.25em 2em;border-radius:2em 2em 0 0;background:var(--paper);display:grid;gap:.9em}.ui-grabber{justify-self:center;width:2.5em;height:.3em;border-radius:999px;background:var(--line-green)}.ui-tabbar{position:absolute;left:0;right:0;bottom:0;height:5.25em;display:grid;grid-template-columns:repeat(5,1fr);align-items:start;padding:.6em .5em 0;border-radius:1.1em 1.1em 0 0;background:#fffbf6e6;backdrop-filter:blur(16px);box-shadow:0 -1px 0 var(--line-green);font-size:.66em;text-align:center;color:var(--body)}.ui-tabbar span{display:grid;justify-items:center;gap:.25em}.ui-tabbar span:before{content:attr(data-icon);font-size:1.6em;line-height:1}.ui-tabbar .is-on{color:var(--cream);background:var(--green);border-radius:1em;padding:.5em 0}.ui-list{display:grid}.ui-item{display:grid;grid-template-columns:1.4em 1.6em 1fr auto;gap:.6em;align-items:center;padding:.6em 0;border-bottom:1px solid var(--line-green);font-size:.85em}.ui-check{width:1.4em;height:1.4em;border-radius:50%;border:1.5px solid var(--line-green)}.ui-check.is-on{background:var(--green);border-color:var(--green);position:relative}.ui-check.is-on:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:var(--cream);font-size:.8em;font-weight:700}.ui-item.is-done .ui-item__name{color:var(--body);text-decoration:line-through}.ui-item__qty{color:var(--body);font-size:.9em}.ui-aisle{font-size:.72em;font-weight:700;color:var(--green);padding-top:.8em}.ui-gauge{display:grid;justify-items:center;gap:.8em;padding:1.25em 1em 1em;border-radius:1.75em;background:#f2fcce}.ui-gauge__dial{position:relative;width:16em;aspect-ratio:2 / 1.15}.ui-gauge__dial svg{width:100%;height:100%;overflow:visible}.ui-gauge__read{position:absolute;left:0;right:0;bottom:0;display:grid;justify-items:center;gap:.15em}.ui-gauge__num{font-family:var(--font-display);font-weight:800;font-size:3.4em;color:var(--forest);line-height:.95;letter-spacing:-.03em}.ui-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:.5em;width:100%}.ui-tile{padding:.6em .7em;border-radius:1em;background:#e3f3b2;display:grid}.ui-tile b{font-family:var(--font-display);font-size:1.5em;color:var(--forest);line-height:1.05}.ui-tile span{font-size:.72em;color:var(--forest)}.ui--dark{background:var(--green);color:var(--cream)}.ui--dark .ui-caption{color:color-mix(in srgb,var(--cream) 75%,transparent)}.ui-scope{font-family:var(--font-body);color:var(--ink);line-height:1.35;font-size:var(--ui-size, 16px)}