:root{--brand-50: #eef2ff;--brand-100: #e0e7ff;--brand-200: #c7d2fe;--brand-300: #a5b4fc;--brand-400: #818cf8;--brand-500: #6366f1;--brand-600: #4f46e5;--brand-700: #4338ca;--r-xs: 8px;--r-sm: 12px;--r-md: 16px;--r-lg: 20px;--r-xl: 28px;--r-full: 999px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--font: "Heebo", "Assistant", "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "Noto Sans Hebrew", Arial, sans-serif;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-base: .9375rem;--fs-md: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.375rem;--fs-2xl: 1.75rem;--ease: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .13s;--dur-base: .22s;--dur-slow: .38s;--header-h: 60px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--max-w: 720px}:root,:root[data-theme=light]{color-scheme:light;--surface: #f7f8fb;--surface-1: #ffffff;--surface-2: #f2f4f8;--surface-3: #e9ecf3;--surface-inverse: #14161d;--surface-glass: rgba(255, 255, 255, .72);--on-surface: #14161d;--on-surface-variant: #5b6172;--on-surface-faint: #8a90a2;--on-surface-inverse: #f7f8fb;--outline: #dfe3ec;--outline-strong: #c6ccdb;--primary: var(--brand-600);--primary-hover: var(--brand-700);--on-primary: #ffffff;--primary-container: var(--brand-50);--on-primary-container: var(--brand-700);--success: #16a34a;--success-container: #dcfce7;--on-success-container: #14532d;--danger: #dc2626;--danger-container: #fee2e2;--on-danger-container: #7f1d1d;--warning: #d97706;--warning-container: #fef3c7;--on-warning-container: #78350f;--info: #0891b2;--info-container: #cffafe;--shadow-1: 0 1px 2px rgba(16, 20, 34, .05), 0 1px 3px rgba(16, 20, 34, .04);--shadow-2: 0 2px 4px rgba(16, 20, 34, .05), 0 6px 16px rgba(16, 20, 34, .07);--shadow-3: 0 8px 24px rgba(16, 20, 34, .1), 0 2px 8px rgba(16, 20, 34, .06);--shadow-4: 0 16px 48px rgba(16, 20, 34, .16), 0 4px 12px rgba(16, 20, 34, .08);--shadow-primary: 0 6px 20px rgba(79, 70, 229, .28)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--surface: #0b0d12;--surface-1: #14171f;--surface-2: #1b1f29;--surface-3: #232833;--surface-inverse: #f2f4f8;--surface-glass: rgba(20, 23, 31, .74);--on-surface: #eef0f5;--on-surface-variant: #a2a9bb;--on-surface-faint: #6f7688;--on-surface-inverse: #14161d;--outline: #262c38;--outline-strong: #38404f;--primary: var(--brand-400);--primary-hover: var(--brand-300);--on-primary: #0b0d12;--primary-container: rgba(99, 102, 241, .18);--on-primary-container: var(--brand-200);--success: #4ade80;--success-container: rgba(34, 197, 94, .16);--on-success-container: #86efac;--danger: #f87171;--danger-container: rgba(239, 68, 68, .16);--on-danger-container: #fca5a5;--warning: #fbbf24;--warning-container: rgba(245, 158, 11, .16);--on-warning-container: #fcd34d;--info: #22d3ee;--info-container: rgba(34, 211, 238, .16);--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 2px 6px rgba(0, 0, 0, .45), 0 8px 20px rgba(0, 0, 0, .35);--shadow-3: 0 10px 30px rgba(0, 0, 0, .5);--shadow-4: 0 20px 60px rgba(0, 0, 0, .6);--shadow-primary: 0 6px 20px rgba(99, 102, 241, .35)}}:root[data-theme=dark]{color-scheme:dark;--surface: #0b0d12;--surface-1: #14171f;--surface-2: #1b1f29;--surface-3: #232833;--surface-inverse: #f2f4f8;--surface-glass: rgba(20, 23, 31, .74);--on-surface: #eef0f5;--on-surface-variant: #a2a9bb;--on-surface-faint: #6f7688;--on-surface-inverse: #14161d;--outline: #262c38;--outline-strong: #38404f;--primary: var(--brand-400);--primary-hover: var(--brand-300);--on-primary: #0b0d12;--primary-container: rgba(99, 102, 241, .18);--on-primary-container: var(--brand-200);--success: #4ade80;--success-container: rgba(34, 197, 94, .16);--on-success-container: #86efac;--danger: #f87171;--danger-container: rgba(239, 68, 68, .16);--on-danger-container: #fca5a5;--warning: #fbbf24;--warning-container: rgba(245, 158, 11, .16);--on-warning-container: #fcd34d;--info: #22d3ee;--info-container: rgba(34, 211, 238, .16);--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 2px 6px rgba(0, 0, 0, .45), 0 8px 20px rgba(0, 0, 0, .35);--shadow-3: 0 10px 30px rgba(0, 0, 0, .5);--shadow-4: 0 20px 60px rgba(0, 0, 0, .6);--shadow-primary: 0 6px 20px rgba(99, 102, 241, .35)}:root[data-shopping=on]{--fs-base: 1.0625rem;--fs-md: 1.1875rem;--fs-lg: 1.375rem;--fs-xl: 1.625rem;--tap-min: 60px}:root[data-textsize=large]{--fs-xs: .875rem;--fs-sm: .9375rem;--fs-base: 1.0625rem;--fs-md: 1.1875rem;--fs-lg: 1.3125rem;--fs-xl: 1.5rem;--fs-2xl: 1.875rem}:root[data-contrast=high]{--outline: var(--on-surface-variant);--outline-strong: var(--on-surface);--on-surface-variant: var(--on-surface);--on-surface-faint: var(--on-surface-variant)}*,*:before,*:after{box-sizing:border-box}*{margin:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:var(--font);font-size:var(--fs-base);line-height:1.5;color:var(--on-surface);background:var(--surface);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}button,input,textarea,select{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer;padding:0}ul,ol{list-style:none;padding:0}a{color:var(--primary);text-decoration:none}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--r-xs)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{min-height:100%;display:flex;flex-direction:column;background:var(--surface)}.page{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 var(--s-4);flex:1}.topbar{position:sticky;top:0;z-index:40;background:var(--surface-glass);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--outline);padding-top:var(--safe-top)}.topbar__inner{max-width:var(--max-w);margin:0 auto;min-height:var(--header-h);padding:var(--s-2) var(--s-4);display:flex;align-items:center;gap:var(--s-3)}.topbar__title{font-size:var(--fs-lg);font-weight:700;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.topbar__sub{font-size:var(--fs-xs);color:var(--on-surface-variant);font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:44px;padding:0 var(--s-4);border-radius:var(--r-full);font-weight:600;font-size:var(--fs-base);transition:transform var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease);white-space:nowrap;user-select:none}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-primary)}.btn--primary:hover:not(:disabled){background:var(--primary-hover)}.btn--tonal{background:var(--surface-2);color:var(--on-surface)}.btn--tonal:hover:not(:disabled){background:var(--surface-3)}.btn--ghost{background:transparent;color:var(--on-surface-variant)}.btn--ghost:hover:not(:disabled){background:var(--surface-2);color:var(--on-surface)}.btn--danger{background:var(--danger-container);color:var(--danger)}.btn--block{width:100%}.btn--sm{min-height:36px;font-size:var(--fs-sm);padding:0 var(--s-3)}.icon-btn{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:var(--r-full);color:var(--on-surface-variant);transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease);flex-shrink:0}.icon-btn:hover{background:var(--surface-2);color:var(--on-surface)}.icon-btn:active{transform:scale(.92)}.icon-btn--active{background:var(--primary-container);color:var(--on-primary-container)}.field{display:flex;flex-direction:column;gap:var(--s-2)}.field__label{font-size:var(--fs-sm);font-weight:600;color:var(--on-surface-variant)}.input{width:100%;min-height:48px;padding:0 var(--s-4);background:var(--surface-1);border:1.5px solid var(--outline);border-radius:var(--r-md);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-container)}.input::placeholder{color:var(--on-surface-faint)}textarea.input{min-height:84px;padding:var(--s-3) var(--s-4);resize:vertical;line-height:1.5}.card{background:var(--surface-1);border:1px solid var(--outline);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}.chip{display:inline-flex;align-items:center;gap:var(--s-1);height:34px;padding:0 var(--s-3);border-radius:var(--r-full);background:var(--surface-2);color:var(--on-surface-variant);font-size:var(--fs-sm);font-weight:600;border:1px solid transparent;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease);white-space:nowrap;flex-shrink:0}.chip--active{background:var(--primary-container);color:var(--on-primary-container);border-color:color-mix(in srgb,var(--primary) 30%,transparent)}.chip__count{font-variant-numeric:tabular-nums;opacity:.7;font-size:var(--fs-xs)}.chip-row{display:flex;gap:var(--s-2);overflow-x:auto;scrollbar-width:none;padding:var(--s-1) 0;-webkit-overflow-scrolling:touch}.chip-row::-webkit-scrollbar{display:none}.progress{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-4);background:var(--surface-1);border:1px solid var(--outline);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}.progress__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3)}.progress__pct{font-size:var(--fs-2xl);font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1}.progress__remaining{font-size:var(--fs-sm);color:var(--on-surface-variant);font-weight:600}.progress__track{position:relative;height:10px;border-radius:var(--r-full);background:var(--surface-3);overflow:hidden;display:flex}.progress__seg{height:100%;transition:width var(--dur-slow) var(--ease)}.progress__seg--done{background:linear-gradient(90deg,var(--success),color-mix(in srgb,var(--success) 70%,white))}.progress__seg--missing{background:var(--danger)}.progress__seg--replaced{background:var(--warning)}.progress__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-2)}.stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--s-2) var(--s-1);border-radius:var(--r-sm);background:var(--surface-2)}.stat__value{font-size:var(--fs-lg);font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1}.stat__label{font-size:var(--fs-xs);color:var(--on-surface-variant);font-weight:600}.stat--done .stat__value{color:var(--success)}.stat--missing .stat__value{color:var(--danger)}.stat--replaced .stat__value{color:var(--warning)}.item-wrap{position:relative;border-radius:var(--r-md);overflow:hidden;touch-action:pan-y;background:var(--surface-2)}.item-behind{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 var(--s-5);font-weight:700;font-size:var(--fs-sm);pointer-events:none}.item-behind__right{color:var(--success);display:flex;align-items:center;gap:var(--s-2)}.item-behind__left{color:var(--primary);display:flex;align-items:center;gap:var(--s-2);margin-inline-start:auto}.item{position:relative;display:flex;align-items:flex-start;gap:var(--s-3);width:100%;padding:var(--s-3) var(--s-4);min-height:var(--tap-min, 56px);background:var(--surface-1);border:1px solid var(--outline);border-radius:var(--r-md);text-align:start;user-select:none;transition:background var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease),opacity var(--dur-base) var(--ease)}.item:hover{border-color:var(--outline-strong)}.item--in-cart{background:color-mix(in srgb,var(--success-container) 45%,var(--surface-1));border-color:color-mix(in srgb,var(--success) 24%,var(--outline))}.item--not-found{background:color-mix(in srgb,var(--danger-container) 40%,var(--surface-1));border-color:color-mix(in srgb,var(--danger) 24%,var(--outline))}.item--replaced{background:color-mix(in srgb,var(--warning-container) 34%,var(--surface-1));border-color:color-mix(in srgb,var(--warning) 24%,var(--outline))}.item--urgent:before{content:"";position:absolute;inset-inline-start:0;top:12%;bottom:12%;width:3px;border-radius:var(--r-full);background:var(--danger)}.item--high:before{content:"";position:absolute;inset-inline-start:0;top:12%;bottom:12%;width:3px;border-radius:var(--r-full);background:var(--warning)}.check{position:relative;flex-shrink:0;width:26px;height:26px;margin-top:1px;border-radius:9px;border:2px solid var(--outline-strong);display:grid;place-items:center;transition:background var(--dur-base) var(--ease-spring),border-color var(--dur-base) var(--ease),transform var(--dur-base) var(--ease-spring)}.check--done{background:var(--success);border-color:var(--success)}.check--missing{background:var(--danger);border-color:var(--danger)}.check--replaced{background:var(--warning);border-color:var(--warning)}.check svg{width:16px;height:16px;stroke:#fff;stroke-width:3.2;fill:none;stroke-linecap:round;stroke-linejoin:round}.item__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.item__title-row{display:flex;align-items:baseline;gap:var(--s-2);flex-wrap:wrap}.item__name{position:relative;font-size:var(--fs-md);font-weight:600;letter-spacing:-.01em;color:var(--on-surface);transition:color var(--dur-base) var(--ease);word-break:break-word}.item--done .item__name{color:var(--on-surface-faint)}.item__name:after{content:"";position:absolute;inset-inline-start:0;top:52%;height:2px;width:0;background:currentColor;border-radius:2px;transition:width var(--dur-base) var(--ease)}.item--done .item__name:after{width:100%}.item__qty{font-size:var(--fs-sm);font-weight:700;color:var(--on-surface-variant);font-variant-numeric:tabular-nums;background:var(--surface-2);padding:1px var(--s-2);border-radius:var(--r-xs);white-space:nowrap}.item__meta{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap;font-size:var(--fs-xs);color:var(--on-surface-variant)}.item__cat{display:inline-flex;align-items:center;gap:4px;font-weight:600}.item__note{font-size:var(--fs-sm);color:var(--on-surface-variant);display:flex;align-items:flex-start;gap:5px;line-height:1.4}.item__price{font-variant-numeric:tabular-nums;font-weight:600}.item__thumb{width:44px;height:44px;border-radius:var(--r-sm);object-fit:cover;flex-shrink:0;background:var(--surface-2)}.badge{display:inline-flex;align-items:center;gap:4px;padding:1px var(--s-2);border-radius:var(--r-full);font-size:var(--fs-xs);font-weight:700;letter-spacing:.01em}.badge--missing{background:var(--danger-container);color:var(--danger)}.badge--replaced{background:var(--warning-container);color:var(--warning)}.badge--priority{background:var(--danger-container);color:var(--danger)}.item__replacement{display:flex;align-items:center;gap:var(--s-2);margin-top:var(--s-1);padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);background:var(--surface-2);font-size:var(--fs-sm);font-weight:600;color:var(--on-surface)}.item__replacement svg{flex-shrink:0;color:var(--warning)}.item__avatar{width:22px;height:22px;border-radius:var(--r-full);display:grid;place-items:center;font-size:10px;font-weight:800;color:#fff;flex-shrink:0}.group{margin-bottom:var(--s-5)}.group__head{position:sticky;top:calc(var(--header-h) + var(--safe-top));z-index:10;display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-1);margin-bottom:var(--s-2);background:linear-gradient(var(--surface) 70%,transparent);font-size:var(--fs-sm);font-weight:700;color:var(--on-surface-variant);letter-spacing:.01em}.group__count{margin-inline-start:auto;font-size:var(--fs-xs);color:var(--on-surface-faint);font-variant-numeric:tabular-nums}.item-list{display:flex;flex-direction:column;gap:var(--s-2)}.composer{position:sticky;bottom:0;z-index:30;padding:var(--s-3) var(--s-4) calc(var(--s-3) + var(--safe-bottom));background:var(--surface-glass);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--outline)}.composer__inner{max-width:var(--max-w);margin:0 auto;display:flex;gap:var(--s-2);align-items:center}.composer__input{flex:1;min-height:50px;border-radius:var(--r-full);padding:0 var(--s-5);background:var(--surface-1);border:1.5px solid var(--outline)}.composer__input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-container)}.composer__send{width:50px;height:50px;border-radius:var(--r-full);background:var(--primary);color:var(--on-primary);display:grid;place-items:center;box-shadow:var(--shadow-primary);flex-shrink:0;transition:transform var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease)}.composer__send:active:not(:disabled){transform:scale(.92)}.composer__send:disabled{opacity:.4;box-shadow:none}.suggestions{display:flex;gap:var(--s-2);overflow-x:auto;scrollbar-width:none;padding-bottom:var(--s-2);max-width:var(--max-w);margin:0 auto var(--s-1)}.suggestions::-webkit-scrollbar{display:none}.suggestion{padding:var(--s-1) var(--s-3);border-radius:var(--r-full);background:var(--surface-2);border:1px solid var(--outline);font-size:var(--fs-sm);font-weight:600;white-space:nowrap;flex-shrink:0}.presence{display:flex;align-items:center;gap:var(--s-1)}.presence__dot{position:relative;width:28px;height:28px;border-radius:var(--r-full);display:grid;place-items:center;font-size:11px;font-weight:800;color:#fff;border:2px solid var(--surface);margin-inline-start:-8px}.presence__dot:first-child{margin-inline-start:0}.presence__dot:after{content:"";position:absolute;inset-block-end:-1px;inset-inline-end:-1px;width:9px;height:9px;border-radius:var(--r-full);background:var(--success);border:2px solid var(--surface)}.live-toast{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);border-radius:var(--r-full);background:var(--surface-inverse);color:var(--on-surface-inverse);font-size:var(--fs-sm);font-weight:600;box-shadow:var(--shadow-3)}.scrim{position:fixed;inset:0;z-index:90;background:#06080e80;backdrop-filter:blur(3px)}.sheet{position:fixed;inset-inline:0;bottom:0;z-index:100;background:var(--surface-1);border-radius:var(--r-xl) var(--r-xl) 0 0;box-shadow:var(--shadow-4);padding:var(--s-3) var(--s-4) calc(var(--s-5) + var(--safe-bottom));max-width:var(--max-w);margin:0 auto;max-height:88vh;overflow-y:auto;border:1px solid var(--outline);border-bottom:0}.sheet__grip{width:40px;height:4px;border-radius:var(--r-full);background:var(--outline-strong);margin:0 auto var(--s-4)}.sheet__title{font-size:var(--fs-lg);font-weight:700;margin-bottom:var(--s-1);letter-spacing:-.02em}.sheet__sub{font-size:var(--fs-sm);color:var(--on-surface-variant);margin-bottom:var(--s-4)}.sheet__actions{display:flex;flex-direction:column;gap:var(--s-1)}.action{display:flex;align-items:center;gap:var(--s-3);width:100%;min-height:54px;padding:0 var(--s-3);border-radius:var(--r-md);font-size:var(--fs-md);font-weight:600;text-align:start;transition:background var(--dur-fast) var(--ease)}.action:hover{background:var(--surface-2)}.action__icon{width:38px;height:38px;border-radius:var(--r-sm);display:grid;place-items:center;background:var(--surface-2);flex-shrink:0}.action--danger{color:var(--danger)}.action--danger .action__icon{background:var(--danger-container)}.action--success .action__icon{background:var(--success-container);color:var(--success)}.action--warning .action__icon{background:var(--warning-container);color:var(--warning)}.menu{position:absolute;z-index:80;top:calc(100% + 6px);inset-inline-end:0;min-width:210px;padding:var(--s-1);background:var(--surface-1);border:1px solid var(--outline);border-radius:var(--r-md);box-shadow:var(--shadow-3)}.menu__item{display:flex;align-items:center;gap:var(--s-2);width:100%;padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);font-size:var(--fs-base);font-weight:600;text-align:start;min-height:42px}.menu__item:hover{background:var(--surface-2)}.menu__item--active{color:var(--primary);background:var(--primary-container)}.menu__sep{height:1px;background:var(--outline);margin:var(--s-1) 0}.toasts{position:fixed;inset-inline:0;bottom:calc(84px + var(--safe-bottom));z-index:120;display:flex;flex-direction:column;align-items:center;gap:var(--s-2);pointer-events:none;padding:0 var(--s-4)}.toast{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-4);border-radius:var(--r-full);background:var(--surface-inverse);color:var(--on-surface-inverse);font-size:var(--fs-sm);font-weight:600;box-shadow:var(--shadow-3);pointer-events:auto;max-width:100%}.toast__action{color:var(--brand-300);font-weight:700;padding-inline-start:var(--s-2)}.toast--error{background:var(--danger);color:#fff}.netbar{display:flex;align-items:center;justify-content:center;gap:var(--s-2);padding:var(--s-2);font-size:var(--fs-sm);font-weight:600;background:var(--warning-container);color:var(--on-warning-container)}.netbar--syncing{background:var(--info-container);color:var(--info)}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);padding:var(--s-10) var(--s-4);text-align:center;color:var(--on-surface-variant)}.empty__icon{width:76px;height:76px;border-radius:var(--r-xl);display:grid;place-items:center;background:var(--surface-2);font-size:34px}.empty__title{font-size:var(--fs-lg);font-weight:700;color:var(--on-surface)}.empty__text{font-size:var(--fs-base);max-width:30ch}.list-card{display:block;width:100%;padding:var(--s-4);background:var(--surface-1);border:1px solid var(--outline);border-radius:var(--r-lg);box-shadow:var(--shadow-1);text-align:start;transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease);color:inherit}.list-card:hover{box-shadow:var(--shadow-2);border-color:var(--outline-strong)}.list-card:active{transform:scale(.985)}.list-card__head{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-3)}.list-card__name{font-size:var(--fs-lg);font-weight:700;letter-spacing:-.02em;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-card__meta{display:flex;align-items:center;gap:var(--s-3);font-size:var(--fs-sm);color:var(--on-surface-variant);font-weight:600}.mini-track{height:6px;border-radius:var(--r-full);background:var(--surface-3);overflow:hidden;display:flex;margin-bottom:var(--s-2)}.auth{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:var(--s-6) var(--s-4) calc(var(--s-6) + var(--safe-bottom));max-width:440px;margin:0 auto;width:100%}.auth__logo{width:64px;height:64px;border-radius:var(--r-lg);display:grid;place-items:center;background:var(--primary);color:var(--on-primary);font-size:30px;margin-bottom:var(--s-5);box-shadow:var(--shadow-primary)}.auth__title{font-size:var(--fs-2xl);font-weight:800;letter-spacing:-.03em;margin-bottom:var(--s-2)}.auth__sub{color:var(--on-surface-variant);margin-bottom:var(--s-6)}.auth__form{display:flex;flex-direction:column;gap:var(--s-4)}.auth__switch{text-align:center;margin-top:var(--s-5);font-size:var(--fs-base);color:var(--on-surface-variant)}.auth__error{padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--danger-container);color:var(--on-danger-container);font-size:var(--fs-sm);font-weight:600}.segmented{display:flex;padding:3px;border-radius:var(--r-full);background:var(--surface-2);margin-bottom:var(--s-5)}.segmented__opt{flex:1;min-height:40px;border-radius:var(--r-full);font-size:var(--fs-sm);font-weight:700;color:var(--on-surface-variant);transition:color var(--dur-fast) var(--ease),background var(--dur-base) var(--ease)}.segmented__opt--active{background:var(--surface-1);color:var(--on-surface);box-shadow:var(--shadow-1)}.row{display:flex;align-items:center;gap:var(--s-2)}.col{display:flex;flex-direction:column}.spacer{flex:1}.muted{color:var(--on-surface-variant)}.faint{color:var(--on-surface-faint)}.tnum{font-variant-numeric:tabular-nums}.stack-4{display:flex;flex-direction:column;gap:var(--s-4)}.stack-3{display:flex;flex-direction:column;gap:var(--s-3)}.stack-2{display:flex;flex-direction:column;gap:var(--s-2)}.pb-nav{padding-bottom:var(--s-8)}.invite-code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:var(--fs-xl);font-weight:800;letter-spacing:.32em;padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--surface-2);border:1.5px dashed var(--outline-strong);text-align:center;direction:ltr}:root[data-shopping=on] .item{padding:var(--s-4) var(--s-4)}:root[data-shopping=on] .check{width:32px;height:32px;border-radius:11px}:root[data-shopping=on] .check svg{width:20px;height:20px}:root[data-shopping=on] .item__meta,:root[data-shopping=on] .item__thumb{display:none}