:root{color-scheme:light;--bg: #f2f2f7;--surface: #ffffff;--surface-2: #f2f2f7;--fill: rgba(120, 120, 128, .12);--fill-strong: rgba(120, 120, 128, .2);--separator: rgba(60, 60, 67, .16);--label: #000000;--label-2: rgba(60, 60, 67, .62);--label-3: rgba(60, 60, 67, .32);--tint: #0a84ff;--green: #34c759;--orange: #ff9500;--red: #ff3b30;--material: rgba(249, 249, 251, .72);--material-edge: rgba(255, 255, 255, .5);--scrim: rgba(0, 0, 0, .32);--shadow-sheet: 0 -1px 0 rgba(0, 0, 0, .04), 0 -12px 40px rgba(0, 0, 0, .12);--r-sm: 10px;--r-md: 14px;--r-lg: 22px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--tabbar-h: 56px;font-family:system-ui,-apple-system,SF Pro Text,Helvetica Neue,sans-serif;font-size:100%;line-height:1.35;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg: #000000;--surface: #1c1c1e;--surface-2: #2c2c2e;--fill: rgba(118, 118, 128, .24);--fill-strong: rgba(118, 118, 128, .36);--separator: rgba(84, 84, 88, .6);--label: #ffffff;--label-2: rgba(235, 235, 245, .62);--label-3: rgba(235, 235, 245, .3);--tint: #0a84ff;--green: #30d158;--orange: #ff9f0a;--red: #ff453a;--material: rgba(22, 22, 24, .72);--material-edge: rgba(255, 255, 255, .08);--scrim: rgba(0, 0, 0, .55);--shadow-sheet: 0 -1px 0 rgba(255, 255, 255, .06), 0 -12px 40px rgba(0, 0, 0, .5)}}@media(prefers-reduced-transparency:reduce){:root{--material: var(--surface)}}@media(prefers-contrast:more){:root{--material: var(--surface);--separator: var(--label-2);--label-2: var(--label)}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--label)}body{overscroll-behavior-y:none}button,input,select{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer;touch-action:manipulation}input,select{-webkit-appearance:none;-moz-appearance:none;appearance:none}img{max-width:100%}[hidden]{display:none!important}.t-large-title{font-size:2.125rem;line-height:1.12;font-weight:700;letter-spacing:-.022em}.t-title{font-size:1.375rem;line-height:1.2;font-weight:700;letter-spacing:-.016em}.t-headline{font-size:1.0625rem;font-weight:600;letter-spacing:-.01em}.t-body{font-size:1.0625rem;letter-spacing:-.006em}.t-sub{font-size:.9375rem;color:var(--label-2)}.t-foot{font-size:.8125rem;color:var(--label-2);letter-spacing:.002em}.t-caps{font-size:.8125rem;color:var(--label-2);text-transform:uppercase;letter-spacing:.04em}.material{background:var(--material);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%)}@media(prefers-reduced-transparency:reduce){.material{-webkit-backdrop-filter:none;backdrop-filter:none}}.pressable{transition:transform .12s ease-out,opacity .12s ease-out}.pressable:active{transform:scale(.96);opacity:.85}.pressable-row:active{background:var(--fill)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:50px;padding:0 20px;border-radius:var(--r-md);font-weight:600;font-size:1.0625rem;letter-spacing:-.01em}.btn-primary{background:var(--tint);color:#fff}.btn-primary:disabled{opacity:.4}.btn-tinted{background:color-mix(in srgb,var(--tint) 15%,transparent);color:var(--tint)}.btn-plain{color:var(--tint);min-height:44px;padding:0 8px;font-weight:400}.btn-block{width:100%}.field{width:100%;min-height:48px;padding:0 14px;border:0;border-radius:var(--r-sm);background:var(--fill);font-size:1.0625rem;outline:none}.field:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--tint) 35%,transparent)}.group{background:var(--surface);border-radius:var(--r-md);overflow:hidden}.group-header{padding:18px 20px 6px}.chip{display:inline-flex;align-items:center;gap:4px;min-height:32px;padding:0 12px;border-radius:999px;background:var(--fill);font-size:.9375rem;font-weight:500;white-space:nowrap}.chip[aria-pressed=true]{background:var(--label);color:var(--bg)}.badge{display:inline-flex;align-items:center;padding:1px 6px;border-radius:6px;font-size:.6875rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}@media(prefers-reduced-motion:reduce){.pressable,.pressable:active{transition:opacity .12s;transform:none}}.app{min-height:100dvh}.page{padding:calc(var(--safe-top) + 8px) 16px calc(var(--tabbar-h) + var(--safe-bottom) + 96px);max-width:640px;margin:0 auto}.nav{position:sticky;top:0;z-index:20;margin:0 -16px;padding:calc(var(--safe-top) + 6px) 16px 10px;transition:background-color .2s,backdrop-filter .2s}.nav[data-scrolled=true]{background:var(--material);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);-webkit-mask-image:linear-gradient(#000 calc(100% - 8px),transparent);mask-image:linear-gradient(#000 calc(100% - 8px),transparent)}.nav-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}.nav-small-title{font-weight:600;opacity:0;transition:opacity .16s}.nav[data-scrolled=true] .nav-small-title{opacity:1}.avatars{display:flex}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:.8125rem;font-weight:700;border:2px solid var(--bg)}.avatar+.avatar{margin-left:-8px}.avatar.sm{width:18px;height:18px;font-size:.625rem;border-width:0}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;padding-bottom:var(--safe-bottom);border-top:.5px solid var(--separator)}.tabbar-inner{max-width:640px;margin:0 auto;height:var(--tabbar-h);display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.tab{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.625rem;font-weight:500;color:var(--label-3);height:100%;justify-content:center;position:relative}.tab[aria-current=page]{color:var(--tint)}.tab svg{width:26px;height:26px}.tab-dot{position:absolute;top:6px;left:calc(50% + 8px);min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--red);color:#fff;font-size:.625rem;font-weight:700;display:grid;place-items:center}.scan-btn{width:56px;height:56px;margin-top:-22px;border-radius:50%;display:grid;place-items:center;background:var(--tint);color:#fff;box-shadow:0 6px 20px color-mix(in srgb,var(--tint) 40%,transparent)}.scan-btn svg{width:26px;height:26px}.add-bar{display:flex;gap:8px;align-items:center;margin:4px 0 8px}.add-bar .field{flex:1}.suggestions{display:flex;gap:8px;overflow-x:auto;padding:4px 0 8px;scrollbar-width:none}.suggestions::-webkit-scrollbar{display:none}.swipe-row{position:relative;overflow:hidden;touch-action:pan-y}.swipe-row+.swipe-row .row-content:before{content:"";position:absolute;top:0;left:56px;right:0;height:.5px;background:var(--separator)}.swipe-action{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding:0 22px;color:#fff;font-weight:600}.swipe-action.left{background:var(--green);justify-content:flex-start}.swipe-action.right{background:var(--red);justify-content:flex-end}.swipe-action svg{width:24px;height:24px}.row-content{position:relative;display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 16px;background:var(--surface);will-change:transform;user-select:none;-webkit-user-select:none;touch-action:pan-y}.check{flex:none;width:26px;height:26px;border-radius:50%;border:2px solid var(--label-3);display:grid;place-items:center;color:#fff;transition:background-color .16s,border-color .16s}.check[data-on=true]{background:var(--green);border-color:var(--green)}.check svg{width:15px;height:15px}.row-main{flex:1;min-width:0}.row-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-content[data-checked=true] .row-label{color:var(--label-2);text-decoration:line-through;text-decoration-color:var(--label-3)}.row-meta{display:flex;gap:6px;align-items:center;margin-top:2px}.qty{color:var(--label-2);font-variant-numeric:tabular-nums}.empty{text-align:center;padding:64px 24px;color:var(--label-2)}.empty-emoji{font-size:3rem;margin-bottom:8px}.done-bar{position:fixed;left:0;right:0;z-index:25;bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 12px);display:flex;justify-content:center;padding:0 16px;pointer-events:none}.done-bar .btn{pointer-events:auto;box-shadow:0 8px 24px #0000002e;border-radius:999px;padding:0 22px}.filters{display:flex;gap:8px;overflow-x:auto;padding:6px 0 4px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.alert-card{border-radius:var(--r-md);padding:14px 16px;margin:8px 0 4px;background:color-mix(in srgb,var(--orange) 14%,var(--surface))}.alert-card h3{margin:0 0 6px;font-size:.9375rem;color:var(--orange)}.alert-list{display:flex;flex-wrap:wrap;gap:6px}.product-row{display:flex;align-items:center;gap:12px;padding:10px 12px 10px 16px;min-height:60px;position:relative;width:100%;text-align:left}.product-row+.product-row:before{content:"";position:absolute;top:0;left:64px;right:0;height:.5px;background:var(--separator)}.thumb{flex:none;width:36px;height:36px;border-radius:9px;background:var(--fill);display:grid;place-items:center;font-size:1.25rem;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.stepper{flex:none;display:flex;align-items:center;background:var(--fill);border-radius:10px;height:34px}.stepper button{width:38px;height:34px;display:grid;place-items:center;color:var(--label)}.stepper button:active{background:var(--fill-strong)}.stepper button:first-child{border-radius:10px 0 0 10px}.stepper button:last-child{border-radius:0 10px 10px 0}.stepper svg{width:16px;height:16px}.stepper output{min-width:28px;text-align:center;font-weight:600;font-variant-numeric:tabular-nums}.stock-low output{color:var(--red)}.sheet-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50}.sheet-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--scrim);touch-action:none}.sheet{position:absolute;left:0;right:0;bottom:0;max-width:640px;margin:0 auto;height:calc(100dvh - var(--safe-top) - 12px);border-radius:var(--r-lg) var(--r-lg) 0 0;background:var(--surface);box-shadow:var(--shadow-sheet);display:flex;flex-direction:column;will-change:transform}.sheet-grab{padding:8px 16px 4px;touch-action:none;cursor:grab;flex:none}.sheet-handle{width:36px;height:5px;border-radius:3px;background:var(--fill-strong);margin:0 auto 8px}.sheet-head{display:flex;align-items:center;justify-content:space-between;min-height:44px}.sheet-body{flex:1;overflow-y:auto;padding:0 16px calc(var(--safe-bottom) + 24px);overscroll-behavior:contain}.sheet-footer{flex:none;padding:12px 16px calc(var(--safe-bottom) + 12px);border-top:.5px solid var(--separator)}.form-row{display:flex;flex-direction:column;gap:6px;margin:14px 0}.form-row label{font-size:.8125rem;color:var(--label-2);padding-left:4px}.inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.checkout-item{padding:14px 0;border-bottom:.5px solid var(--separator)}.checkout-item:last-child{border-bottom:0}.checkout-top{display:flex;align-items:center;gap:12px;justify-content:space-between}.toast-wrap{position:fixed;left:0;right:0;z-index:60;bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 76px);display:flex;justify-content:center;pointer-events:none;padding:0 16px}.toast{pointer-events:auto;display:flex;align-items:center;gap:14px;padding:10px 10px 10px 18px;border-radius:999px;background:#1e1e20db;color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 28px #00000040}.toast button{color:#64d2ff;font-weight:600;padding:6px 10px}.scanner{position:relative;border-radius:var(--r-md);overflow:hidden;background:#000;aspect-ratio:3 / 4;max-height:52dvh;width:100%}.scanner video{width:100%;height:100%;object-fit:cover}.scanner-frame{position:absolute;left:12%;right:12%;top:38%;height:24%;border:3px solid rgba(255,255,255,.9);border-radius:16px;box-shadow:0 0 0 999px #00000059}.auth{min-height:100dvh;max-width:420px;margin:0 auto;padding:calc(var(--safe-top) + 64px) 24px calc(var(--safe-bottom) + 24px);display:flex;flex-direction:column;gap:14px}.auth-icon{width:76px;height:76px;border-radius:18px}.error{color:var(--red);font-size:.9375rem}.code-input{text-align:center;letter-spacing:.4em;font-size:1.5rem;font-weight:600;font-variant-numeric:tabular-nums}.colors{display:flex;gap:12px}.color-dot{width:34px;height:34px;border-radius:50%}.color-dot[aria-pressed=true]{box-shadow:0 0 0 3px var(--bg),0 0 0 5px currentColor}.segmented{display:grid;grid-template-columns:1fr 1fr;background:var(--fill);border-radius:10px;padding:2px}.segmented button{min-height:34px;border-radius:8px;font-weight:500;font-size:.9375rem}.segmented button[aria-pressed=true]{background:var(--surface);box-shadow:0 1px 4px #0000001f}.rotate-hint{display:none}@media(orientation:landscape)and (max-height:500px)and (pointer:coarse){.rotate-hint{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--bg);color:var(--label-2);text-align:center;padding:24px}.rotate-hint svg{width:56px;height:56px;color:var(--label)}body{overflow:hidden}}