.how.svelte-1e867b8{max-width:var(--page-max);padding:clamp(48px, 5vw, 76px) var(--gutter) clamp(52px, 5.4vw, 80px);margin:0 auto;scroll-margin-top:80px}.how-kicker.svelte-1e867b8{text-align:center;margin-bottom:clamp(12px,1.2vw,16px);font-size:clamp(13px,1.05vw,15px);display:block}.how-title.svelte-1e867b8{text-align:center;font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin-bottom:clamp(32px,3.4vw,52px);font-size:clamp(28px,3.6vw,52px);font-weight:800;line-height:1.1}.hiw-group.svelte-1e867b8{justify-content:center;align-items:center;gap:clamp(28px,4vw,64px);display:flex}.steps.svelte-1e867b8{flex-direction:column;flex:400px;gap:6px;max-width:500px;margin:0;padding:0;list-style:none;display:flex}.hiw-row.svelte-1e867b8{text-align:left;width:100%;box-shadow:none;color:var(--ink);opacity:.5;cursor:pointer;background:0 0;border-radius:14px;align-items:flex-start;gap:clamp(14px,1.3vw,19px);padding:clamp(14px,1.3vw,19px) clamp(15px,1.4vw,20px);transition:opacity .45s,background .45s;display:flex}.hiw-row.svelte-1e867b8:hover{background:var(--green-06)}.hiw-row.on.svelte-1e867b8{opacity:1;background:var(--green-08)}.hiw-num.svelte-1e867b8{border:1.5px solid var(--green);width:clamp(36px,3.1vw,44px);height:clamp(36px,3.1vw,44px);font-family:var(--font-display);color:var(--green);background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:clamp(16px,1.35vw,19px);font-weight:700;transition:background .45s,color .45s;display:flex}.hiw-num.on.svelte-1e867b8{background:var(--green);color:#fff}.step-copy.svelte-1e867b8{flex-direction:column;gap:4px;display:flex}.step-title.svelte-1e867b8{font-family:var(--font-display);letter-spacing:-.01em;font-size:clamp(18px,1.5vw,22px);font-weight:700}.step-body.svelte-1e867b8{font-family:var(--font-body);color:var(--ink-55);text-wrap:pretty;font-size:clamp(14px,1.15vw,16px);line-height:1.55}.hiw-frame.svelte-1e867b8{flex:440px;max-width:500px;container-type:inline-size}.window.svelte-1e867b8{--u:clamp(12.5px, 4.4cqi, 21px);font-size:var(--u);border-radius:calc(var(--u) * .933);border:1px solid var(--ink-08);background:#fff;overflow:hidden;box-shadow:0 20px 50px #00000024}.chrome.svelte-1e867b8{align-items:center;gap:calc(var(--u) * .4);padding:calc(var(--u) * .667) calc(var(--u) * .867);background:var(--green-soft);border-bottom:1px solid var(--ink-08);display:flex}.dot.svelte-1e867b8{width:calc(var(--u) * .6);height:calc(var(--u) * .6);border-radius:50%;flex:none}.url.svelte-1e867b8{margin-left:calc(var(--u) * .4);border-radius:calc(var(--u) * .4);padding:calc(var(--u) * .267) calc(var(--u) * .667);font-family:var(--font-mono);font-size:calc(var(--u) * .667);color:var(--ink-45);text-align:center;background:#fff;flex:1}.stage.svelte-1e867b8{height:calc(var(--u) * 19.2);background:var(--bg);position:relative}.panel.svelte-1e867b8{padding:calc(var(--u) * 1.067) calc(var(--u) * 1.133);opacity:0;pointer-events:none;transition:opacity .55s,transform .55s;position:absolute;inset:0;transform:translateY(12px)}.panel.on.svelte-1e867b8{opacity:1;transform:none}.p-title.svelte-1e867b8{font-family:var(--font-display);font-weight:700;font-size:var(--u)}.pop.svelte-1e867b8{opacity:0;transition:opacity .35s,transform .35s;transform:scale(.94)}.panel.on.svelte-1e867b8 .pop:where(.svelte-1e867b8){opacity:1;transform:none}.panel.on.svelte-1e867b8 .pop:where(.svelte-1e867b8):nth-child(2){transition-delay:80ms}.panel.on.svelte-1e867b8 .pop:where(.svelte-1e867b8):nth-child(3){transition-delay:.16s}.panel.on.svelte-1e867b8 .pop:where(.svelte-1e867b8):nth-child(4){transition-delay:.24s}.panel.on.svelte-1e867b8 .pop:where(.svelte-1e867b8):nth-child(5){transition-delay:.32s}.link-row.svelte-1e867b8{align-items:center;gap:calc(var(--u) * .533);border:1px solid var(--ink-12);border-radius:calc(var(--u) * .6);padding:calc(var(--u) * .667) calc(var(--u) * .8);margin:calc(var(--u) * .733) 0 calc(var(--u) * .867);color:var(--ink-45);background:#fff;display:flex}.link-row.svelte-1e867b8 svg{width:calc(var(--u) * .867);height:calc(var(--u) * .867);flex:none}.link-text.svelte-1e867b8{font-size:calc(var(--u) * .8);color:var(--ink-70);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mono-label.svelte-1e867b8{font-family:var(--font-mono);font-weight:700;font-size:calc(var(--u) * .6);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-45);margin-bottom:calc(var(--u) * .6)}.mono-label.plain.svelte-1e867b8{text-transform:none;letter-spacing:.02em;font-size:calc(var(--u) * .667);margin:0}.chips.svelte-1e867b8{gap:calc(var(--u) * .4);flex-wrap:wrap;display:flex}.chip.svelte-1e867b8{font-weight:600;font-size:calc(var(--u) * .733);padding:calc(var(--u) * .333) calc(var(--u) * .733);border-radius:calc(var(--u) * .667);background:var(--green-12);color:var(--green-dark)}.save-btn.svelte-1e867b8{justify-content:center;align-items:center;gap:calc(var(--u) * .4);width:100%;margin-top:calc(var(--u) * 1);padding:calc(var(--u) * .667);border-radius:calc(var(--u) * .6);background:var(--green);color:#fff;font-family:var(--font-display);font-weight:700;font-size:calc(var(--u) * .8);box-shadow:none;transition:transform .12s,background .2s;display:flex}.save-btn.svelte-1e867b8 svg{width:calc(var(--u) * .867);height:calc(var(--u) * .867)}.save-btn.pressed.svelte-1e867b8{background:var(--green-dark);transform:translateY(1px)}.week-head.svelte-1e867b8{margin-bottom:calc(var(--u) * .8);justify-content:space-between;align-items:center;display:flex}.week-sub.svelte-1e867b8{font-size:calc(var(--u) * .667);color:var(--ink-45);margin-top:calc(var(--u) * .133)}.avatars.svelte-1e867b8{display:flex}.av.svelte-1e867b8{width:calc(var(--u) * 1.6);height:calc(var(--u) * 1.6);border:calc(var(--u) * .133) solid var(--bg);color:#fff;font-family:var(--font-display);font-weight:700;font-size:calc(var(--u) * .667);margin-left:calc(var(--u) * -.533);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.av.svelte-1e867b8:first-child{margin-left:0}.week-grid.svelte-1e867b8{gap:calc(var(--u) * .667);grid-template-columns:1fr 1fr;display:grid}.mini-card.svelte-1e867b8{border:1px solid var(--ink-08);border-radius:calc(var(--u) * .667);background:#fff;overflow:hidden}.strip.svelte-1e867b8{height:calc(var(--u) * 3.733);background-image:repeating-linear-gradient(135deg, var(--s1) 0 calc(var(--u) * .6), var(--s2) calc(var(--u) * .6) calc(var(--u) * 1.2))}.mini-name.svelte-1e867b8{padding:calc(var(--u) * .533) calc(var(--u) * .667);font-family:var(--font-display);font-weight:700;font-size:calc(var(--u) * .8)}.add-card.svelte-1e867b8{justify-content:center;align-items:center;gap:calc(var(--u) * .4);min-height:calc(var(--u) * 5.867);border-radius:calc(var(--u) * .667);color:var(--green);font-weight:600;font-size:calc(var(--u) * .667);box-shadow:none;background:#fff;border:1px dashed #2f8f4e66;flex-direction:column;transition:transform .12s,background .2s;display:flex}.add-card.pressed.svelte-1e867b8{background:var(--green-06);transform:translateY(1px)scale(.98)}.add-plus.svelte-1e867b8{width:calc(var(--u) * 1.867);height:calc(var(--u) * 1.867);background:var(--green);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.add-plus.svelte-1e867b8 svg{width:var(--u);height:var(--u)}.grocery-head.svelte-1e867b8{margin-bottom:calc(var(--u) * .8);justify-content:space-between;align-items:center;display:flex}.glist.svelte-1e867b8{border:1px solid var(--ink-08);border-radius:calc(var(--u) * .733);background:#fff;overflow:hidden}.grow.svelte-1e867b8{align-items:center;gap:calc(var(--u) * .667);padding:calc(var(--u) * .667) calc(var(--u) * .867);border-bottom:1px solid var(--ink-08);display:flex}.grow.svelte-1e867b8:last-child{border-bottom:0}.box.svelte-1e867b8{width:calc(var(--u) * 1.2);height:calc(var(--u) * 1.2);border-radius:calc(var(--u) * .333);border:1.5px solid var(--ink-16);color:#fff;flex:none;justify-content:center;align-items:center;transition:background .2s,border-color .2s;display:flex}.box.svelte-1e867b8 svg{width:calc(var(--u) * .733);height:calc(var(--u) * .733)}.grow.done.svelte-1e867b8 .box:where(.svelte-1e867b8){background:var(--green);border-color:var(--green)}.gname.svelte-1e867b8{font-weight:600;font-size:calc(var(--u) * .833);color:var(--ink);flex:1}.grow.done.svelte-1e867b8 .gname:where(.svelte-1e867b8){color:var(--ink-45);text-decoration:line-through}.count.svelte-1e867b8{font-family:var(--font-mono);font-size:calc(var(--u) * .533);color:var(--green-dark);background:var(--green-12);padding:calc(var(--u) * .133) calc(var(--u) * .4);border-radius:calc(var(--u) * .6);white-space:nowrap}.cursor.svelte-1e867b8{z-index:5;opacity:0;pointer-events:none;filter:drop-shadow(0 2px 3px #1f2a224d);width:22px;height:22px;margin:-3px 0 0 -4px;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .3s;position:absolute;top:0;left:0}.cursor.visible.svelte-1e867b8{opacity:1}.ring.svelte-1e867b8{background:var(--green-glow);opacity:0;border-radius:50%;width:16px;height:16px;position:absolute;top:2px;left:2px;transform:scale(.4)}.ring.go.svelte-1e867b8{animation:.5s ease-out svelte-1e867b8-cursor-ping}@keyframes svelte-1e867b8-cursor-ping{0%{opacity:.7;transform:scale(.4)}to{opacity:0;transform:scale(2.4)}}@media (width<=860px){.hiw-group.svelte-1e867b8{flex-direction:column}.steps.svelte-1e867b8,.hiw-frame.svelte-1e867b8{flex:auto;width:100%;max-width:520px}}@media (prefers-reduced-motion:reduce){.panel.svelte-1e867b8,.pop.svelte-1e867b8,.hiw-row.svelte-1e867b8,.hiw-num.svelte-1e867b8,.save-btn.svelte-1e867b8,.add-card.svelte-1e867b8,.box.svelte-1e867b8,.cursor.svelte-1e867b8{transition:none}.cursor.svelte-1e867b8{display:none}}.sphere-root.svelte-nkirxz{--radius:520px;--circ:calc(var(--radius) * 3.14);--rot-y:calc((360deg / var(--segments-x)) / 2);--rot-x:calc((360deg / var(--segments-y)) / 2);--item-width:calc(var(--circ) / var(--segments-x));--item-height:calc(var(--circ) / var(--segments-y));--u:clamp(9px, calc(var(--item-width) * 2 / 11), 17px);width:100%;height:100%;position:relative}.sphere-root.svelte-nkirxz *{box-sizing:border-box}.sphere.svelte-nkirxz,.item.svelte-nkirxz,.item__image.svelte-nkirxz{transform-style:preserve-3d}main.sphere-main.svelte-nkirxz{touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;background:0 0;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}main.sphere-main.svelte-nkirxz:active{cursor:grabbing}.stage.svelte-nkirxz{width:100%;height:100%;perspective:calc(var(--radius) * 2);perspective-origin:50%;contain:layout paint size;place-items:center;display:grid}.sphere.svelte-nkirxz{transform:translateZ(calc(var(--radius) * -1));will-change:transform}.overlay.svelte-nkirxz,.overlay--blur.svelte-nkirxz{z-index:3;pointer-events:none;margin:auto;position:absolute;inset:0}.overlay.svelte-nkirxz{background-image:radial-gradient(#ebebeb00 65%, var(--overlay-blur-color,#120f17) 100%)}.overlay--blur.svelte-nkirxz{-webkit-mask-image:radial-gradient(#ebebeb00 70%, var(--overlay-blur-color,#120f17) 90%);-webkit-mask-image:radial-gradient(#ebebeb00 70%, var(--overlay-blur-color,#120f17) 90%);mask-image:radial-gradient(#ebebeb00 70%, var(--overlay-blur-color,#120f17) 90%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.item.svelte-nkirxz{width:calc(var(--item-width) * var(--item-size-x));height:calc(var(--item-height) * var(--item-size-y));transform-origin:50%;backface-visibility:hidden;transform:rotateY(calc(var(--rot-y) * (var(--offset-x) + ((var(--item-size-x) - 1) / 2)))) rotateX(calc(var(--rot-x) * (var(--offset-y) - ((var(--item-size-y) - 1) / 2)))) translateZ(var(--radius));margin:auto;transition:transform .3s;position:absolute;inset:-999px}.item__image.svelte-nkirxz{border-radius:var(--tile-radius,12px);backface-visibility:hidden;background:0 0;display:block;position:absolute;inset:10px;overflow:hidden;transform:translateZ(0)}.tile-card.svelte-nkirxz{border:1px solid var(--ink-08);border-radius:inherit;background:#fff;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.tile-media.svelte-nkirxz{background-image:repeating-linear-gradient(135deg, var(--s1,#e3ece0) 0 calc(var(--u) * .6), var(--s2,#d7e4d3) calc(var(--u) * .6) calc(var(--u) * 1.2));flex:auto;min-height:0}.tile-media.svelte-nkirxz img:where(.svelte-nkirxz){object-fit:cover;pointer-events:none;backface-visibility:hidden;width:100%;height:100%;filter:var(--image-filter,none);display:block}.tile-body.svelte-nkirxz{gap:calc(var(--u) * .35);padding:calc(var(--u) * .6) calc(var(--u) * .7) calc(var(--u) * .7);flex-direction:column;flex:none;display:flex}.tile-name.svelte-nkirxz{font-family:var(--font-display);font-weight:700;font-size:calc(var(--u) * 1);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;line-height:1.15;overflow:hidden}.tile-tags.svelte-nkirxz{gap:calc(var(--u) * .28);display:flex;overflow:hidden}.tile-tag.svelte-nkirxz{font-family:var(--font-display);font-weight:600;font-size:calc(var(--u) * .62);padding:calc(var(--u) * .2) calc(var(--u) * .45);border-radius:calc(var(--u) * .45);background:var(--green-soft);color:var(--green-dark);white-space:nowrap}.edge-fade.svelte-nkirxz{z-index:5;pointer-events:none;background:linear-gradient(to bottom, transparent, var(--overlay-blur-color,#120f17));height:120px;position:absolute;left:0;right:0}.edge-fade--top.svelte-nkirxz{top:0;transform:rotate(180deg)}.edge-fade--bottom.svelte-nkirxz{bottom:0}.side-blur.svelte-nkirxz{z-index:4;pointer-events:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);-webkit-mask-image:linear-gradient(to right, var(--overlay-blur-color,#120f17) 0%, transparent var(--side-fade-w,16%), transparent calc(100% - var(--side-fade-w,16%)), var(--overlay-blur-color,#120f17) 100%);-webkit-mask-image:linear-gradient(to right, var(--overlay-blur-color,#120f17) 0%, transparent var(--side-fade-w,16%), transparent calc(100% - var(--side-fade-w,16%)), var(--overlay-blur-color,#120f17) 100%);mask-image:linear-gradient(to right, var(--overlay-blur-color,#120f17) 0%, transparent var(--side-fade-w,16%), transparent calc(100% - var(--side-fade-w,16%)), var(--overlay-blur-color,#120f17) 100%);position:absolute;inset:0}.side-fade.svelte-nkirxz{width:var(--side-fade-w,16%);z-index:5;pointer-events:none;position:absolute;top:0;bottom:0}.side-fade--left.svelte-nkirxz{background:linear-gradient(to left, transparent, var(--overlay-blur-color,#120f17));left:0}.side-fade--right.svelte-nkirxz{background:linear-gradient(to right, transparent, var(--overlay-blur-color,#120f17));right:0}@media (prefers-reduced-motion:reduce){.item.svelte-nkirxz{transition:none}}.landing.svelte-1uha8ag{background:var(--bg);min-height:100vh;color:var(--ink);overflow-x:hidden}.nav.svelte-1uha8ag{z-index:var(--z-header);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--ink-08);background:#f4f7f1e0;position:sticky;top:0}.nav-inner.svelte-1uha8ag{max-width:var(--page-max);padding:16px var(--gutter);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex}.nav-brand.svelte-1uha8ag{color:var(--ink);white-space:nowrap;font-size:clamp(20px,1.5vw,23px);text-decoration:none}.nav-right.svelte-1uha8ag{align-items:center;gap:20px;display:flex}.nav-link.svelte-1uha8ag{font-family:var(--font-display);color:var(--ink-55);font-size:15px;font-weight:700;text-decoration:none}.nav-link.svelte-1uha8ag:hover{color:var(--ink)}.hero.svelte-1uha8ag{max-width:var(--page-max);padding:clamp(40px, 4.5vw, 72px) var(--gutter) 8px;text-align:center;align-items:center;gap:clamp(16px,2.4vw,44px);margin:0 auto;display:grid}.hero-title.svelte-1uha8ag{font-family:var(--font-display);letter-spacing:-.025em;text-wrap:balance;margin-bottom:clamp(18px,1.8vw,24px);font-size:clamp(40px,5.2vw,68px);font-weight:800;line-height:1.04}.hero-title.svelte-1uha8ag .accent:where(.svelte-1uha8ag){color:var(--green)}.hero-sub.svelte-1uha8ag{max-width:560px;color:var(--ink-55);text-wrap:pretty;margin:0 auto clamp(26px,2.4vw,34px);font-size:clamp(16px,1.25vw,19px);line-height:1.6}.hero-dome.svelte-1uha8ag{height:clamp(420px,44vw,660px);position:relative}@media (width>=900px){.hero.svelte-1uha8ag{text-align:left;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-top:clamp(48px,4vw,60px)}.hero-sub.svelte-1uha8ag{margin-left:0}.hero-cta.svelte-1uha8ag{justify-content:flex-start}}.hero-cta.svelte-1uha8ag{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.hero-cta.svelte-1uha8ag .btn:where(.svelte-1uha8ag){padding:clamp(14px,1.15vw,17px) clamp(24px,2.2vw,34px);font-size:clamp(15px,1.15vw,17px)}.closing.svelte-1uha8ag{max-width:var(--page-max);padding:0 var(--gutter) clamp(48px, 5vw, 72px);margin:0 auto}.closing-card.svelte-1uha8ag{background:var(--ink);color:var(--bg);text-align:center;border-radius:clamp(20px,1.8vw,26px);padding:clamp(40px,5.4vw,76px) clamp(28px,3vw,44px)}.closing-title.svelte-1uha8ag{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin-bottom:12px;font-size:clamp(28px,3.9vw,54px);font-weight:800;line-height:1.08}.closing-sub.svelte-1uha8ag{color:#f4f7f1bd;margin:0 0 clamp(24px,2.2vw,32px);font-size:clamp(15px,1.2vw,18px);line-height:1.65}.closing-card.svelte-1uha8ag .btn:where(.svelte-1uha8ag){padding:clamp(14px,1.15vw,17px) clamp(28px,2.4vw,38px);font-size:clamp(15px,1.15vw,17px)}.foot.svelte-1uha8ag{border-top:1px solid var(--ink-08)}.foot-inner.svelte-1uha8ag{max-width:var(--page-max);padding:clamp(24px, 2.2vw, 32px) var(--gutter);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;display:flex}.foot-brand.svelte-1uha8ag{color:var(--ink);font-size:17px;text-decoration:none}.foot-note.svelte-1uha8ag{color:var(--ink-45);font-size:13px}@media (width<=520px){.nav-link.svelte-1uha8ag{display:none}}