@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.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}:root{--paper:#f4f1e8;--surface:#fff;--ink:#1d2a22;--muted:#4f5c54;--line:#ded8c8;--green:#1f6b45;--green-ink:#fff;--carrot:#b8471f;--sign:#1d2a22;--sign-ink:#f4f1e8;--checked:#646e67;--banner:#fbe3d6;--banner-ink:#6e2a10;--flash:#fff1b8;--carrot-ink:#fff;--shadow:0 -6px 24px #1d2a221f;--logo-tile:#fff;--logo-edge:#d9d3c3;--logo-cart:#1d2a22;--logo-tick:#1f6b45;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#0f1613;--surface:#18211c;--ink:#eef0ea;--muted:#a7b2aa;--line:#2c3831;--green:#5fc48c;--green-ink:#0b1f14;--carrot:#f28b63;--sign:#24322a;--sign-ink:#eef0ea;--checked:#7c877f;--banner:#3a2016;--banner-ink:#ffd9c7;--flash:#4a4420;--carrot-ink:#2a1206;--shadow:0 -6px 24px #00000080;--logo-tile:#24342b;--logo-edge:#24342b;--logo-cart:#f4f1e8;--logo-tick:#6fcf97;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--paper:#0f1613;--surface:#18211c;--ink:#eef0ea;--muted:#a7b2aa;--line:#2c3831;--green:#5fc48c;--green-ink:#0b1f14;--carrot:#f28b63;--sign:#24322a;--sign-ink:#eef0ea;--checked:#7c877f;--banner:#3a2016;--banner-ink:#ffd9c7;--flash:#4a4420;--carrot-ink:#2a1206;--shadow:0 -6px 24px #00000080;--logo-tile:#24342b;--logo-edge:#24342b;--logo-cart:#f4f1e8;--logo-tick:#6fcf97;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{background:var(--paper);color:var(--ink);margin:0;font:500 18px/1.35 system-ui,-apple-system,Segoe UI,sans-serif}button,input{font:inherit;color:inherit}button{cursor:pointer;border:1.5px solid var(--line);background:var(--surface);border-radius:999px;min-height:44px;padding:0 18px;font-weight:650}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible{outline:3px solid var(--green);outline-offset:2px}button.primary{background:var(--green);border-color:var(--green);color:var(--green-ink)}button.link{color:var(--green);text-underline-offset:3px;background:0 0;border:0;padding:0 8px;text-decoration:underline}button.icon{background:0 0;border-color:#0000;place-items:center;width:44px;padding:0;display:inline-grid}input{border:1.5px solid var(--line);background:var(--surface);border-radius:14px;width:100%;min-height:52px;padding:0 16px;font-size:19px}.muted{color:var(--muted)}.error{color:var(--carrot);font-weight:650}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}h1,h2,.brand,.aisle{font-family:Bricolage Grotesque Variable,system-ui,sans-serif}.screen{flex-direction:column;max-width:640px;min-height:100dvh;margin:0 auto;display:flex}.top{z-index:3;padding:calc(env(safe-area-inset-top) + 8px) 16px 8px;background:var(--paper);position:sticky;top:0}.top-row{align-items:center;gap:10px;display:flex}.progress{margin-top:6px}.progress-label{color:var(--muted);justify-content:space-between;margin-bottom:4px;font-size:14px;font-weight:600;display:flex}.progress-pct{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:800}.progress-track{background:color-mix(in srgb, var(--ink) 10%, transparent);border-radius:999px;height:10px;overflow:hidden}.progress-fill{border-radius:999px;min-width:10px;height:100%;transition:width .5s cubic-bezier(.3,1.2,.5,1),background .5s}.brand{letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:8px;margin-right:auto;font-size:21px;font-weight:800;display:flex}.pill{min-height:36px;color:var(--muted);white-space:nowrap;align-items:center;gap:7px;padding:0 12px;font-size:14px;display:inline-flex}.pill .dot{background:var(--green);border-radius:50%;width:9px;height:9px}.pill.syncing .dot{animation:.9s ease-in-out infinite alternate pulse}.pill.offline .dot,.pill.problem .dot{background:var(--carrot)}@keyframes pulse{to{opacity:.25}}.banner{background:var(--banner);color:var(--banner-ink);border-radius:14px;margin:4px 16px 8px;padding:12px 14px;font-size:16px}.pull{color:var(--muted);place-items:center;font-size:14px;transition:height .15s;display:grid;overflow:hidden}.list{flex:1;padding:0 16px 16px}.list ul{margin:0 0 14px;padding:0;list-style:none}.aisle{top:var(--header-h,calc(env(safe-area-inset-top) + 60px));z-index:2;background:var(--sign);color:var(--sign-ink);letter-spacing:.06em;text-transform:uppercase;border-radius:10px;align-items:center;gap:10px;margin:10px 0 4px;padding:6px 12px 6px 6px;font-size:15px;font-weight:800;display:flex;position:sticky}.aisle-no{background:var(--green);min-width:26px;height:26px;color:var(--green-ink);letter-spacing:0;border-radius:7px;place-items:center;font-size:14px;display:inline-grid}.aisle-name{flex:1}.aisle-count{background:var(--carrot);min-width:30px;height:26px;color:var(--carrot-ink);letter-spacing:0;font-variant-numeric:tabular-nums;border-radius:7px;place-items:center;padding:0 8px;font-size:14px;display:inline-grid}.aisle{transition:background .4s,color .4s}.aisle.done{background:var(--green);color:var(--green-ink)}.aisle.done .aisle-no,.aisle.done .aisle-count{background:var(--green-ink);color:var(--green)}.aisle-count .draw,.cheer-check{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.aisle-count .draw{stroke-width:3.4px}.aisle.just-done .aisle-count{animation:.5s cubic-bezier(.3,1.6,.5,1) pop}.aisle.just-done .draw{stroke-dasharray:24;stroke-dashoffset:24px;animation:.45s ease-out .15s forwards draw}@keyframes pop{0%{transform:scale(.6)}60%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes draw{to{stroke-dashoffset:0}}.cheer{z-index:7;background:color-mix(in srgb, var(--paper) 94%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);place-items:center;padding:16px;animation:.25s ease-out fade;display:grid;position:fixed;inset:0}.cheer svg,.aisle-count svg{overflow:visible}.cheer-card{text-align:center;flex-direction:column;align-items:center;gap:8px;max-width:360px;display:flex}.cheer-ring{fill:var(--green);transform-origin:60px 60px;animation:.6s cubic-bezier(.3,1.6,.5,1) pop}.cheer-check{stroke:var(--green-ink);stroke-width:11px;stroke-dasharray:90;stroke-dashoffset:90px;animation:.55s ease-out .3s forwards draw}.cheer-text{letter-spacing:-.01em;margin:8px 0 4px;font-family:Bricolage Grotesque Variable,system-ui,sans-serif;font-size:28px;font-weight:800;line-height:1.15;animation:.5s ease-out .45s both rise}.cheer .actions{justify-content:center;animation:.5s ease-out .6s both rise}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.item{border:0;border-bottom:1px solid var(--line);text-align:left;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;border-radius:0;align-items:center;gap:14px;width:100%;min-height:58px;padding:8px 6px;font-size:21px;font-weight:560;display:flex}.item:active{background:color-mix(in srgb, var(--green) 10%, transparent)}.item .box{border:2.5px solid var(--muted);color:#0000;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;display:grid}.item .text{overflow-wrap:anywhere;flex:1}.item .meta{color:var(--muted);font-size:13px}.item.checked{color:var(--checked)}.item.checked .text{text-decoration:line-through;text-decoration-thickness:2px}.item.checked .box{background:var(--green);border-color:var(--green);color:var(--green-ink)}.item.flash{animation:1.6s ease-out flash}@keyframes flash{0%{background:var(--flash)}}.trolley{--wire:color-mix(in srgb, var(--ink) 55%, transparent);--mesh:color-mix(in srgb, var(--ink) 9%, transparent);flex-direction:column;align-items:center;margin:34px 10px 18px;display:flex}.trolley-basket{width:100%;min-height:120px;padding:22px 18px;position:relative}.trolley-frame{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.trolley-frame polygon{fill:color-mix(in srgb, var(--surface) 70%, transparent);stroke:var(--wire);stroke-width:3px;stroke-linejoin:round}.trolley-mesh{clip-path:polygon(4.5% 0,95.5% 0,100% 100%,0 100%);background:repeating-linear-gradient(90deg, var(--mesh) 0 1.5px, transparent 1.5px 18px), repeating-linear-gradient(0deg, var(--mesh) 0 1.5px, transparent 1.5px 18px);position:absolute;inset:6px 8px}.wheel{background:var(--ink);border-radius:5px;width:11px;height:20px;position:absolute}.wheel.tl{top:10px;left:calc(5% - 15px)}.wheel.tr{top:10px;right:calc(5% - 15px)}.wheel.bl{bottom:10px;left:-14px}.wheel.br{bottom:10px;right:-14px}.trolley-frame,.trolley-mesh{z-index:1}.trolley-items{z-index:2;flex-wrap:wrap;justify-content:center;gap:10px 8px;margin:0;padding:0;list-style:none;display:flex;position:relative}.trolley-items li{background:var(--surface);border:1.5px solid var(--line);max-width:100%;box-shadow:0 2px 0 color-mix(in srgb, var(--ink) 12%, transparent);border-radius:12px;align-items:center;gap:2px;padding:4px 4px 4px 14px;font-size:17px;font-weight:600;animation:.35s cubic-bezier(.3,1.5,.5,1) land;display:inline-flex}.trolley-items li.flash{animation:1.6s ease-out flash}.chip-text{overflow-wrap:anywhere}.chip-x{width:36px;min-height:36px;color:var(--muted);background:0 0;border:0;border-radius:9px;place-items:center;padding:0;display:grid}.chip-x:active{background:color-mix(in srgb, var(--carrot) 15%, transparent);color:var(--carrot)}@keyframes land{0%{opacity:0;transform:translateY(-14px)scale(.8)}}.trolley-struts{border-left:3px solid var(--wire);border-right:3px solid var(--wire);width:78%;height:16px}.trolley-handle{background:var(--green);width:88%;min-height:40px;color:var(--green-ink);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;gap:10px;margin:0;font-family:Bricolage Grotesque Variable,system-ui,sans-serif;font-size:15px;font-weight:800;display:flex}.trolley-count{background:var(--green-ink);min-width:26px;height:22px;color:var(--green);letter-spacing:0;border-radius:999px;place-items:center;padding:0 7px;font-size:13px;display:inline-grid}.cart-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:8px 6px 0;font-size:13px;font-weight:700}.empty,.hint{color:var(--muted);text-align:center;padding:24px 8px}.hint{padding:8px;font-size:14px}.bottom{z-index:3;padding:10px 16px calc(env(safe-area-inset-bottom) + 10px);background:var(--paper);box-shadow:var(--shadow);flex-direction:column;gap:10px;display:flex;position:sticky;bottom:0}.done{border-color:var(--green);min-height:48px;color:var(--green);align-self:stretch}.addbar form{gap:10px;display:flex}.addbar .add{border-radius:14px;place-items:center;width:52px;min-height:52px;padding:0;display:grid}.suggestions{border:1.5px solid var(--line);background:var(--surface);border-radius:14px;margin:0 0 8px;padding:0;list-style:none;overflow:hidden}.suggestions button{border:0;border-bottom:1px solid var(--line);text-align:left;border-radius:0;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:50px;font-weight:560;display:flex}.suggestions li:last-child button{border-bottom:0}.suggestions .muted{font-size:14px;font-weight:500}.toast{box-shadow:var(--shadow);background:var(--sign);min-height:48px;color:var(--sign-ink);border-radius:14px;justify-content:space-between;align-items:center;gap:8px;padding:4px 6px 4px 16px;font-size:16px;animation:.2s ease-out fade;display:flex;position:absolute;bottom:calc(100% + 10px);left:16px;right:16px}.toast .link{color:var(--sign-ink);font-weight:800}.scrim{z-index:6;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:640px;max-height:85dvh;padding:20px 16px calc(env(safe-area-inset-bottom) + 16px);background:var(--paper);border-radius:22px 22px 0 0;overflow:auto}.sheet h2{margin:0 0 12px;font-size:22px}.choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.choice{text-align:left;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;border-radius:14px;width:100%;min-height:52px;padding:6px 14px;font-size:17px;line-height:1.2}.choice.current{border-color:var(--green);color:var(--green)}.actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.signin{max-width:420px;padding:calc(env(safe-area-inset-top) + 48px) 20px 40px;flex-direction:column;gap:12px;margin:0 auto;display:flex}.signin h1{letter-spacing:-.02em;margin:8px 0 0;font-size:34px}.signin form{flex-direction:column;gap:10px;display:flex}.signin label{font-weight:700}.signin .code{letter-spacing:.35em;text-align:center;font-variant-numeric:tabular-nums;font-size:30px}.settings h1{margin:0;font-size:22px}.settings main{padding:0 16px 40px}.settings section{margin:18px 0 28px}.settings h2{margin:0 0 4px;font-size:19px}.sections{margin:12px 0 0;padding:0;list-style:none}.sections li{background:var(--paper);border-bottom:1px solid var(--line);align-items:center;gap:6px;min-height:54px;transition:transform .15s;display:flex;position:relative}.sections .name{text-align:left;background:0 0;border:0;border-radius:8px;flex:1;padding:0 8px;font-weight:600}.sections input{flex:1;min-height:44px}.sections .handle{width:48px;min-height:48px;color:var(--muted);cursor:grab;touch-action:none;background:0 0;border:0;place-items:center;padding:0;display:grid}.sections.dragging,.sections.dragging *{-webkit-user-select:none;user-select:none;cursor:grabbing}.sections li.lifted{background:var(--surface);border-radius:12px;box-shadow:0 8px 24px #0000002e}.sections .toggle{min-width:64px;padding:0 10px;font-size:15px}.hidden-section .name{color:var(--muted);text-decoration:line-through}.segmented{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.segmented [aria-checked=true]{background:var(--green);border-color:var(--green);color:var(--green-ink)}.back{padding-left:0;text-decoration:none}@media (prefers-reduced-motion:reduce){.aisle.just-done .draw,.cheer-check{stroke-dashoffset:0}*,:before,:after{transition:none!important;animation:none!important}}