@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-latin-400-normal-CJ-V5oYT.woff2) format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2) format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/space-grotesk-latin-600-normal-DjKNqYRj.woff2) format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2) format("woff2")}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-latin-400-normal-Rg4St2Dn.woff2) format("woff2")}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-mono-latin-700-normal-mWgeinG7.woff2) format("woff2")}:root,[data-theme=light]{color-scheme:light;--bg: oklch(.975 .004 250);--surface: oklch(.995 .002 250);--surface2: oklch(.945 .006 250);--border: oklch(.89 .008 250);--text: oklch(.24 .02 255);--muted: oklch(.52 .015 255);--accent: oklch(.55 .16 255);--on-accent: oklch(.99 .005 255);--dairy: oklch(.62 .12 230);--produce: oklch(.58 .14 150);--bakery: oklch(.6 .12 55);--pantry: oklch(.52 .14 305);--household: oklch(.58 .16 12);--danger: oklch(.53 .19 28);--on-danger: oklch(.99 .005 28);--warn: oklch(.66 .13 75);--ghost: oklch(.55 .02 250 / .06);--scrim: oklch(.15 .01 255 / .45);--shadow: 0 2px 4px oklch(.3 .03 255 / .06), 0 12px 30px oklch(.3 .03 255 / .08);--shadow-sm: 0 1px 2px oklch(.2 .02 255 / .12), 0 2px 8px oklch(.2 .02 255 / .06);--shadow-lg: 0 30px 60px oklch(.25 .03 255 / .18), 0 8px 18px oklch(.25 .03 255 / .1);--shadow-up: 0 -12px 40px oklch(.2 .02 255 / .18);--shadow-edge: 8px 0 14px -10px oklch(.2 .02 255 / .35);--theme-color: #f5f7f9}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--bg: oklch(.22 .015 250);--surface: oklch(.265 .016 250);--surface2: oklch(.31 .018 250);--border: oklch(.36 .018 250);--text: oklch(.95 .008 250);--muted: oklch(.72 .015 250);--accent: oklch(.72 .13 255);--on-accent: oklch(.2 .03 255);--dairy: oklch(.76 .11 230);--produce: oklch(.76 .14 150);--bakery: oklch(.77 .12 60);--pantry: oklch(.72 .13 305);--household: oklch(.72 .15 18);--danger: oklch(.68 .17 25);--on-danger: oklch(.2 .03 25);--warn: oklch(.8 .12 80);--ghost: oklch(.95 .01 250 / .035);--scrim: oklch(0 0 0 / .55);--shadow: 0 2px 4px oklch(0 0 0 / .25), 0 12px 30px oklch(0 0 0 / .3);--shadow-sm: 0 1px 2px oklch(0 0 0 / .3), 0 2px 8px oklch(0 0 0 / .2);--shadow-lg: 0 30px 60px oklch(0 0 0 / .45), 0 8px 18px oklch(0 0 0 / .3);--shadow-up: 0 -12px 40px oklch(0 0 0 / .35);--shadow-edge: 8px 0 14px -10px oklch(0 0 0 / .6);--theme-color: #151b21}}:root[data-theme=dark],[data-theme=dark]{color-scheme:dark;--bg: oklch(.22 .015 250);--surface: oklch(.265 .016 250);--surface2: oklch(.31 .018 250);--border: oklch(.36 .018 250);--text: oklch(.95 .008 250);--muted: oklch(.72 .015 250);--accent: oklch(.72 .13 255);--on-accent: oklch(.2 .03 255);--dairy: oklch(.76 .11 230);--produce: oklch(.76 .14 150);--bakery: oklch(.77 .12 60);--pantry: oklch(.72 .13 305);--household: oklch(.72 .15 18);--danger: oklch(.68 .17 25);--on-danger: oklch(.2 .03 25);--warn: oklch(.8 .12 80);--ghost: oklch(.95 .01 250 / .035);--scrim: oklch(0 0 0 / .55);--shadow: 0 2px 4px oklch(0 0 0 / .25), 0 12px 30px oklch(0 0 0 / .3);--shadow-sm: 0 1px 2px oklch(0 0 0 / .3), 0 2px 8px oklch(0 0 0 / .2);--shadow-lg: 0 30px 60px oklch(0 0 0 / .45), 0 8px 18px oklch(0 0 0 / .3);--shadow-up: 0 -12px 40px oklch(0 0 0 / .35);--shadow-edge: 8px 0 14px -10px oklch(0 0 0 / .6);--theme-color: #151b21}:root{--ui: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--mono: "Space Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--hand: "Caveat", "Segoe Print", cursive;--sheen: oklch(1 0 0);--r: 16px;--r-control: 12px;--r-pill: 999px;--tap: 44px;--row-h: 35px;--row-h-done: 31px;--composer-h: 54px;--content-max: 720px}:root,[data-theme]{--accent-soft: color-mix(in oklch, var(--accent) 13%, transparent)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0}body,[data-theme]{color:var(--text);font-family:var(--ui);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}@media (pointer: coarse),(hover: none){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=button]):not([type=submit]):not([type=color]),textarea:not([hidden]),select:not([hidden]){font-size:max(16px,1em)}}body{min-height:100dvh;background-color:var(--bg);background-image:radial-gradient(ellipse 38% 14% at 18% 8%,var(--ghost),transparent 70%),radial-gradient(ellipse 30% 10% at 82% 22%,var(--ghost),transparent 70%),radial-gradient(ellipse 45% 12% at 60% 64%,var(--ghost),transparent 70%);background-attachment:fixed;overflow-x:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sl-vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.sl-label{font:700 10px/1.2 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.sl-mono-label{font:700 10px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.sl-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:var(--tap);padding:0 18px;border:0;border-radius:var(--r);background:var(--surface2);color:var(--text);font:600 15px/1.2 var(--ui);cursor:pointer;white-space:nowrap}.sl-button--md{min-height:50px}.sl-button--sm{min-height:var(--tap);padding:0 14px;border-radius:var(--r-control);font-size:14px}.sl-button--block{display:flex;width:100%}.sl-button:hover{background:var(--border)}.sl-button:active{transform:scale(.985)}.sl-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.sl-button--primary{background:var(--accent);color:var(--on-accent);font-size:16px;font-weight:700}.sl-button--primary:hover{background:color-mix(in oklch,var(--accent) 88%,var(--text))}.sl-button--outline{background:transparent;box-shadow:inset 0 0 0 1.5px var(--text);font-size:14px;font-weight:700}.sl-button--outline:hover{background:var(--surface2)}.sl-button--ghost{background:transparent;color:var(--muted);font-size:13.5px}.sl-button--ghost:hover{background:transparent;color:var(--text)}.sl-button--danger{background:var(--danger);color:var(--on-danger);font-weight:700}.sl-button--danger:hover{background:color-mix(in oklch,var(--danger) 88%,var(--text))}.sl-chip{position:relative;display:inline-flex;flex:none;align-items:center;gap:6px;height:30px;padding:0 11px;border:1px solid var(--border);border-radius:var(--r-pill);background:transparent;color:var(--text);font:600 12.5px/1 var(--ui);white-space:nowrap;cursor:pointer}.sl-chip:before{content:"";position:absolute;inset:calc((30px - var(--tap)) / 2) 0}.sl-chip:hover{border-color:var(--muted)}.sl-chip--on,.sl-chip--on:hover{border-color:var(--c, var(--accent));background:color-mix(in oklch,var(--c, var(--accent)) 14%,transparent)}.sl-chip:disabled{opacity:.5;cursor:not-allowed}.sl-chip-dot{width:9px;height:9px;border-radius:50%;background:var(--c, var(--accent))}.sl-composer{display:flex;align-items:center;gap:5px;height:var(--composer-h);padding:0 5px 0 16px;border:1.5px solid var(--text);border-radius:17px;background:var(--surface);box-shadow:var(--shadow)}.sl-composer:focus-within{box-shadow:0 0 0 3px var(--accent-soft),var(--shadow)}.sl-composer-plus{flex:none;color:var(--muted)}.sl-composer-input{flex:1;min-width:0;height:100%;padding:0 0 0 3px;border:0;background:transparent;color:var(--text);font:400 15px/1 var(--ui)}.sl-composer-input:focus,.sl-composer-input:focus-visible{outline:none}.sl-composer-input::placeholder{color:var(--muted)}.sl-composer-button{display:grid;flex:none;place-items:center;width:var(--tap);height:var(--tap);padding:0;border:0;border-radius:var(--r-control);cursor:pointer}.sl-composer-button--scan{background:var(--accent);color:var(--on-accent)}.sl-composer-button--board{background:var(--text);color:var(--bg)}.sl-composer-button:disabled{opacity:.5;cursor:not-allowed}.sl-composer-dock{position:sticky;z-index:10;bottom:0;padding:50px 14px calc(14px + env(safe-area-inset-bottom));padding-left:calc(14px + env(safe-area-inset-left));padding-right:calc(14px + env(safe-area-inset-right));background:linear-gradient(to top,var(--bg) 62%,transparent);pointer-events:none}.sl-composer-dock .sl-composer,.sl-composer-dock .sel-bar{pointer-events:auto}.sl-lc .sl-composer-dock{position:static}.sl-field{min-width:0}.sl-field-box{display:block;min-height:var(--tap);padding:6px 12px 7px;border:1px solid var(--border);border-radius:var(--r-control);background:var(--bg);cursor:text}.sl-field-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.sl-field-label{display:block}.sl-field-input{display:block;width:100%;margin-top:1px;padding:0;border:0;background:transparent;color:var(--text);font:500 15px/1.35 var(--ui)}.sl-field-input:focus,.sl-field-input:focus-visible{outline:none}.sl-field-input::placeholder{color:var(--muted);font-weight:400;opacity:.8}.sl-field-note{margin:5px 2px 0;color:var(--muted);font-size:12px;line-height:1.4}.sl-field--invalid .sl-field-box{border-color:var(--danger)}.sl-field--invalid .sl-field-box:focus-within{box-shadow:0 0 0 3px color-mix(in oklch,var(--danger) 18%,transparent)}.sl-field--invalid .sl-field-note{color:var(--danger);font-weight:600}.sl-sheet-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;justify-content:flex-end}.sl-sheet-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--scrim);animation:sl-sheet-fade .18s ease-out both}.sl-sheet{--row-bg: var(--surface);position:relative;display:flex;flex-direction:column;width:100%;max-width:var(--content-max);max-height:calc(100dvh - 48px);margin:0 auto;padding:8px 18px calc(16px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0;background:var(--surface);color:var(--text);box-shadow:var(--shadow-up);animation:sl-sheet-rise .22s cubic-bezier(.3,.7,.4,1) both}.sl-sheet:focus{outline:none}.sl-sheet-grab{flex:none;width:38px;height:5px;margin:0 auto 10px;border-radius:3px;background:var(--border)}.sl-sheet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.sl-sheet-heading{display:flex;align-items:center;gap:8px;min-width:0;min-height:30px}.sl-sheet-title{margin:0;font:700 19px/1.2 var(--ui);letter-spacing:-.02em}.sl-sheet-close{display:grid;flex:none;place-items:center;width:var(--tap);height:var(--tap);margin:-8px -12px -6px 0;padding:0;border:0;border-radius:var(--r-control);background:none;color:var(--muted);cursor:pointer}.sl-sheet-close:hover{color:var(--text)}.sl-sheet-subtitle{margin:2px 0 0;color:var(--muted);font:400 10px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase}.sl-sheet-body{min-height:0;margin:0 -18px;padding:2px 18px 4px;overflow-y:auto;overscroll-behavior:contain}.sl-sheet-footer{display:grid;gap:10px;padding-top:12px}@keyframes sl-sheet-rise{0%{transform:translateY(100%)}}@keyframes sl-sheet-fade{0%{opacity:0}}@media (prefers-reduced-motion: reduce){.sl-sheet,.sl-sheet-scrim{animation:none}}.sl-rows{margin:0;padding:0;list-style:none}.sl-row{position:relative;border-bottom:1px dashed var(--border)}.sl-row-track{position:relative;overflow-x:clip;overflow-y:visible}.sl-row-front{position:relative;display:flex;align-items:center;background:var(--row-bg, var(--bg));touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:transform .18s cubic-bezier(.3,.7,.4,1)}.sl-row--open .sl-row-front{box-shadow:var(--shadow-edge)}.sl-row-front--dragging{transition:none}@media (prefers-reduced-motion: reduce){.sl-row-front{transition:none}}.sl-row-main{display:flex;flex:1;align-items:center;gap:11px;min-width:0;height:var(--row-h);margin:0;padding:0;border:0;background:none;color:var(--text);font:500 15px/1.2 var(--ui);text-align:left}button.sl-row-main{position:relative;cursor:pointer}.sl-row-main:before{content:"";position:absolute;inset:calc((var(--row-h) - var(--tap)) / 2) 0}.sl-row-main:focus-visible{outline-offset:-2px}.sl-row-content{flex:1;min-width:0;padding-block:3px;margin-block:-3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sl-row--done .sl-row-main{height:var(--row-h-done);font-size:14px}.sl-row--done .sl-row-content{overflow:visible;color:var(--muted)}.sl-row--done .sl-tag{opacity:.5}.sl-row-more{display:grid;flex:none;place-items:center;width:var(--tap);height:var(--row-h);margin-right:-10px;padding:0;border:0;border-radius:8px;background:none;color:var(--muted);cursor:pointer}.sl-row--done .sl-row-more{height:var(--row-h-done)}.sl-row-more:hover,.sl-row-more[aria-expanded=true]{color:var(--text);background:var(--surface2)}.sl-row-more:focus-visible{outline-offset:-2px}.sl-row--quiet .sl-row-more{opacity:0;transition:opacity .12s ease}.sl-row--quiet:hover .sl-row-more,.sl-row--quiet:focus-within .sl-row-more,.sl-row--quiet .sl-row-more[aria-expanded=true]{opacity:1}@media (hover: none){.sl-row--quiet .sl-row-more:not(:focus-visible):not([aria-expanded=true]){position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}}.sl-row-main--fit{flex:0 1 auto}.sl-row-drag{display:flex;flex:1 0 56px;align-items:center;justify-content:flex-end;align-self:stretch;gap:11px;padding-left:11px;cursor:grab;touch-action:none}.sl-row--lifted .sl-row-drag{cursor:grabbing}.sl-row--held .sl-row-front{background:color-mix(in oklch,var(--accent) 9%,var(--row-bg, var(--bg)))}.sl-row-sheet{display:grid;gap:8px}.sl-row-behind{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:flex-end}.sl-row-swipe-action{width:84px;border:0;background:var(--surface2);color:var(--text);font:600 12.5px/1.1 var(--ui);cursor:pointer}.sl-row-swipe-action.sl-tone--danger{background:var(--danger);color:var(--on-danger)}.sl-row-swipe-action.sl-tone--warn{background:var(--warn);color:var(--text)}.sl-row-swipe-action:focus-visible{outline-offset:-3px}.sl-row-menu{position:absolute;z-index:30;top:calc(100% - 4px);right:0;min-width:180px;margin:0;padding:6px;border:1px solid var(--border);border-radius:var(--r-control);background:var(--surface);box-shadow:var(--shadow-lg);list-style:none}.sl-row-menu-item{display:flex;align-items:center;width:100%;min-height:var(--tap);padding:0 12px;border:0;border-radius:8px;background:none;color:var(--text);font:600 14px/1.2 var(--ui);text-align:left;cursor:pointer}.sl-row-menu-item:hover,.sl-row-menu-item:focus-visible{background:var(--surface2);outline:none}.sl-row-menu-item.sl-tone--danger{color:var(--danger)}.sl-row-menu-item.sl-tone--warn{color:color-mix(in oklch,var(--warn) 75%,var(--text))}.sl-check{position:relative;display:grid;flex:none;place-items:center;width:19px;height:19px;padding:0;border:2px solid var(--c, var(--accent));border-radius:50%;background:none;color:var(--c, var(--accent))}.sl-check--on{border:0;background:color-mix(in oklch,var(--c, var(--accent)) 22%,transparent)}.sl-check--control{cursor:pointer}.sl-check--control:before{content:"";position:absolute;inset:calc((19px - var(--tap)) / 2)}.sl-tag{display:inline-flex;flex:none;align-items:center;gap:5px;color:color-mix(in oklch,var(--c, var(--muted)) 82%,var(--text));font:700 9.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.sl-tag:before{content:"";width:11px;height:4px;border-radius:3px 1px 3px 2px;background:var(--c, var(--muted));transform:rotate(-6deg)}.sl-qty{flex:none;min-width:30px;font:700 12.5px/1 var(--mono);text-align:right}.sl-section-label{display:flex;align-items:center;gap:8px;height:22px;margin-top:12px;color:var(--muted);font:700 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}.sl-section-label:after{content:"";flex:1;border-top:1px dashed var(--border)}.sl-section-label--warn{color:color-mix(in oklch,var(--warn) 75%,var(--text))}.sl-stripe{display:inline-block;flex:none;vertical-align:middle;transform:rotate(-5deg)}.sl-stripe-sheen{stop-color:color-mix(in oklch,var(--c, var(--accent)) 70%,var(--sheen))}.sl-stripe-ink{stop-color:var(--c, var(--accent))}.sl-strike{position:relative;display:inline-block;color:var(--muted)}.sl-strike svg{position:absolute;left:-4px;top:50%;width:calc(100% + 8px);height:12px;margin-top:-5px;overflow:visible;pointer-events:none}.sl-strike path{fill:none;stroke:var(--c, var(--accent));stroke-width:2.6;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:.88}.sl-strike--animate svg{animation:sl-strike-draw .26s cubic-bezier(.3,.7,.4,1) both}@keyframes sl-strike-draw{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 -10% 0 0)}}@media (prefers-reduced-motion: reduce){.sl-strike--animate svg{animation:none}}.sl-circle{position:relative;display:inline-grid;place-items:center;width:var(--size);height:var(--size);font-weight:700}.sl-circle svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.sl-circle path{fill:none;stroke:var(--c, var(--accent));stroke-width:2.2;stroke-linecap:round}.sl-circle-content{position:relative}.sl-seg{display:grid;min-height:var(--tap);padding:3px;border-radius:var(--r-control);background:var(--surface2)}.sl-seg-slot{display:grid}.sl-seg-item{display:grid;place-items:center;min-width:0;padding:0 6px;border:0;border-radius:9px;background:none;color:var(--muted);font:600 13px/1.1 var(--ui);text-decoration:none;white-space:nowrap;cursor:pointer}.sl-seg-item:hover{color:var(--text)}.sl-seg-item--on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.sl-seg-item:focus-visible{outline-offset:-1px}.sl-toast-host{position:fixed;z-index:60;left:14px;right:14px;bottom:calc(var(--composer-h) + 40px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.sl-toast{display:flex;align-items:center;gap:4px;width:max-content;max-width:min(100%,480px);min-height:var(--tap);padding:4px 4px 4px 16px;border-radius:14px;background:var(--text);color:var(--bg);box-shadow:var(--shadow);font:600 14px/1.3 var(--ui);pointer-events:auto;animation:sl-toast-in .18s cubic-bezier(.3,.7,.4,1) both}.sl-toast--danger{background:var(--danger);color:var(--on-danger)}.sl-toast-message{padding:8px 12px 8px 0}.sl-toast-action{flex:none;min-width:var(--tap);min-height:36px;padding:0 12px;border:0;border-radius:10px;background:color-mix(in oklch,currentColor 14%,transparent);color:inherit;font:700 13px/1 var(--ui);cursor:pointer}.sl-toast-action:focus-visible{outline-color:currentColor}@keyframes sl-toast-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion: reduce){.sl-toast{animation:none}}.install-banner{position:fixed;z-index:30;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));left:12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;max-width:calc(var(--content-max) - 24px);margin:0 auto;padding:12px;border:1px solid var(--border);border-radius:var(--r-control);background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.install-banner-text{display:grid;flex:1 1 200px;gap:2px;min-width:0;font:400 14px/1.35 var(--ui)}.install-banner-text span{color:var(--muted)}.install-steps{margin:0;color:var(--muted)}.install-share{display:inline-block;vertical-align:middle;color:var(--accent)}.install-section{display:grid;gap:8px;margin:0;font:400 14px/1.4 var(--ui)}.install-section p{margin:0}.pwa-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top));background:var(--warn);color:var(--text);font-size:14px}.pwa-banner-close{flex:none;min-height:44px;padding:0 12px;border:1.5px solid var(--text);border-radius:8px;background:transparent;color:inherit;font:inherit;font-weight:600;cursor:pointer}.pwa-status{display:grid;gap:10px;justify-items:start}.pwa-status p{margin:0}.pwa-version{display:grid;gap:8px;justify-items:start}.pwa-version .sl-label{margin:0}.pwa-version-line{margin:0;color:var(--muted)}.pwa-version-line:empty{display:none}.account{display:grid;gap:10px;justify-items:start}.account p{margin:0;overflow-wrap:anywhere}.account-email{font-weight:600}.account-note{color:var(--muted);font-size:14px}.account-offline{padding:8px 12px;border-left:3px solid var(--warn);background:var(--surface2);border-radius:8px}.auth-gate{display:grid;min-height:100dvh;place-items:center;padding:16px;box-sizing:border-box}.auth-gate-card{display:grid;gap:14px;width:min(100%,360px)}.auth-gate-card p{margin:0}.auth-gate-note{font:400 12px/1.4 var(--mono);letter-spacing:.02em;color:var(--muted)}.sync-section{display:grid;gap:16px}.sync-facts{display:grid;gap:4px;margin:0}.sync-facts dd{margin:0 0 8px}.sync-note{margin:0;color:var(--muted)}.sync-problems-block{display:grid;gap:10px;justify-items:start}.sync-problems-block .sl-label{margin:0;color:var(--warn)}.sync-problems{justify-self:stretch;display:grid;gap:10px;margin:0;padding:0;list-style:none}.sync-problems li{display:grid;gap:2px}.sync-problems__meta{color:var(--muted);font:11px/1.3 var(--mono)}.paste-box{display:grid;gap:6px}.paste-label{font:600 12px/1 var(--mono, var(--ui));letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.paste-box textarea{box-sizing:border-box;width:100%;min-height:40dvh;padding:12px 14px;border:1.5px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);font:500 16px/1.5 var(--ui);resize:vertical}.paste-box textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.paste-choice{display:flex;flex-direction:column;gap:10px;padding-bottom:8px}.us-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 14px -40px;padding:10px 10px 48px;border:1.5px solid var(--border);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow-lg);pointer-events:auto}.us-chips-more,.us-chip{position:relative;display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 11px;border-radius:var(--r-pill);cursor:pointer;-webkit-tap-highlight-color:transparent}.us-chips-more:before,.us-chip:before{content:"";position:absolute;top:-7px;right:-3px;bottom:-7px;left:-3px}.us-chips-more{padding:0 6px;border:0;background:none;font:700 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-decoration:underline dashed var(--border);text-underline-offset:4px}.us-chip{border:1.5px solid var(--border);background:var(--surface);color:var(--text);font:600 13px/1 var(--ui)}.us-chip svg{color:var(--pantry)}.us-chip:hover{border-color:var(--text)}.us-list{margin:0;padding:0;list-style:none}.us-row{display:flex;align-items:center;gap:4px;min-height:var(--tap);border-top:1px dashed var(--border)}.us-row:first-child{border-top:0}.us-text{flex:1;display:grid;gap:1px;min-width:0}.us-name{font:600 15px/1.2 var(--ui);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.us-meta{font:400 11px var(--mono);letter-spacing:.04em;color:var(--muted)}.us-btn{display:grid;place-items:center;flex:none;width:var(--tap);height:var(--tap);border:0;border-radius:var(--r-control, 12px);background:none;color:var(--muted);cursor:pointer}.us-add{background:var(--accent);color:var(--on-accent);width:40px;height:40px}.sl-lc{position:fixed;z-index:10;right:0;bottom:var(--install-banner-h, 0px);left:0;width:100%;max-width:var(--content-max);margin:0 auto;pointer-events:none}.sl-lc-panel{pointer-events:auto}.sl-lc-panel{position:relative;z-index:1;margin:0 14px -34px;padding:4px 0;list-style:none;border:1.5px solid var(--text);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow-lg)}.sl-lc-option{display:flex;align-items:center;gap:10px;min-height:var(--tap);padding:0 14px;font:500 15px/1.2 var(--ui);color:var(--text);cursor:pointer}.sl-lc-option+.sl-lc-option{border-top:1px dashed var(--border)}.sl-lc-option[data-active]{background:var(--accent-soft)}.sl-lc-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sl-lc-qty{font:700 12.5px/1 var(--mono);color:var(--muted)}.sl-lc-thumb{flex:none;width:28px;height:28px;border-radius:8px;object-fit:cover;background:var(--surface2)}.sl-lc-create{color:var(--accent);font-weight:700}.ft-sect{margin-top:10px}.ft-rows{list-style:none;margin:0;padding:0}.ft-row{display:flex;align-items:center;gap:12px;min-height:48px;border-bottom:1px dashed var(--border);cursor:pointer}.ft-row:last-child{border-bottom:0}.ft-nm{flex:1;min-width:0;font-weight:600;overflow-wrap:anywhere}.ft-row--off .ft-nm{color:var(--muted)}.ft-row--off .sl-check{background:transparent}.ft-na{padding:2px 6px;border-radius:6px;border:1px dashed color-mix(in oklch,var(--warn) 80%,transparent);font:700 9px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:color-mix(in oklch,var(--warn) 75%,var(--text));white-space:nowrap}.ft-store{margin-top:14px}.ft-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.ft-allbought{margin:14px 0 6px;font:700 13px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.sel-bar{display:flex;align-items:center;gap:8px;min-height:var(--composer-h);padding:0 5px 0 8px;border:1.5px solid var(--text);border-radius:17px;background:var(--surface);box-shadow:var(--shadow)}.sel-count{flex:1;text-align:center;font:500 12px/1 var(--mono, var(--ui));letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.list-page{padding-bottom:calc(var(--composer-h) + 64px)}.list-head{padding-top:2px;padding-bottom:8px}.list-meta{font:700 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.list-meta{margin-top:2px;font-weight:400;font-size:10.5px;letter-spacing:.06em}.list-title{display:flex;align-items:flex-end;justify-content:space-between;margin-top:2px}.list-title h1{margin:0;font:700 26px/1.05 var(--ui);letter-spacing:-.03em}.list-store{position:relative;min-width:0}.list-store h1{margin:0}.list-store-button{display:flex;align-items:center;gap:10px;max-width:100%;margin:0;padding:0;border:0;border-radius:4px;background:none;color:var(--text);font:inherit;letter-spacing:inherit;cursor:pointer}.list-store-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.list-store-chevron{flex:none;width:8px;height:8px;margin-right:4px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg);transition:transform .15s ease}.list-store-button[aria-expanded=true] .list-store-chevron{transform:translateY(2px) rotate(-135deg)}@media (prefers-reduced-motion: reduce){.list-store-chevron{transition:none}}.list-store-menu{position:absolute;z-index:30;top:calc(100% + 6px);left:-6px;min-width:220px;max-width:calc(100vw - 24px);max-height:60vh;overflow-y:auto;margin:0;padding:6px;border:1px solid var(--border);border-radius:var(--r-control);background:var(--surface);box-shadow:var(--shadow-lg);list-style:none}.list-store-menu:focus{outline:none}.list-store-option{display:flex;align-items:center;gap:10px;min-height:var(--tap);padding:0 12px 0 8px;border-radius:8px;color:var(--text);font:600 15px/1.2 var(--ui);cursor:pointer}.list-store-option[data-active]{background:var(--surface2)}.list-store-menu:focus-visible .list-store-option[data-active]{outline:2px solid currentColor;outline-offset:-2px}.list-store-tick{display:grid;flex:none;place-items:center;width:16px;color:var(--accent)}.list-store-label{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.list-store-count{flex:none;font:400 12px var(--mono);letter-spacing:.04em;color:var(--muted)}.list-actions{display:flex;align-items:center;gap:2px}.list-more{display:grid;place-items:center;width:var(--tap, 44px);height:var(--tap, 44px);margin:-8px -10px -8px 0;border:0;background:none;color:var(--text);cursor:pointer}.list-name{overflow:hidden;text-overflow:ellipsis}.list-hint{margin-left:8px;font:400 10.5px var(--mono);letter-spacing:.04em;color:var(--muted)}.list-page .sl-qty{font-weight:400;color:var(--muted)}.sl-row--leaving{overflow:hidden;animation:list-row-leave .18s ease-in .22s forwards}.sl-row--leaving .sl-row-main{height:var(--row-h)}@keyframes list-row-leave{0%{height:calc(var(--row-h) + 1px);opacity:1}to{height:0;opacity:0;border-bottom-width:0}}@media (prefers-reduced-motion: reduce){.sl-row--leaving{animation:none}}.list-basket{display:flex;align-items:center;gap:11px;width:100%;min-height:var(--tap);margin-top:8px;padding:0;border:0;border-bottom:1px dashed var(--border);background:none;font:700 10px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.list-basket>span:nth-child(2){flex:1}.list-basket:hover{color:var(--text)}.list-basket:focus-visible{outline-offset:-2px}.list-basket-chevron{flex:none;width:7px;height:7px;margin:0 2px 0 0;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform .15s ease}.list-basket[aria-expanded=true] .list-basket-chevron{transform:rotate(45deg)}@media (prefers-reduced-motion: reduce){.list-basket-chevron{transition:none}}.list-group{display:flex;align-items:center;gap:8px;margin-top:12px;font:700 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}[data-reorder-root]>[data-zone]:first-child:has(>.list-group){margin-top:10px}.list-group-toggle{box-sizing:border-box;width:100%;min-height:44px;margin-top:0;padding:0 6px;border:1px dashed transparent;border-radius:6px;background:none;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.list-group-toggle:hover{color:var(--text)}.list-group-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.list-group-chevron{flex:none;width:6px;height:6px;margin:0 3px 3px 1px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .15s ease}[data-collapsed] .list-group-chevron{margin:0 4px 0 0;transform:rotate(-45deg)}.list-group-count{font-weight:400}[data-collapsed]>.list-group-toggle{border-color:var(--border)}[data-collapsed][data-drop-empty]>.list-group-toggle{border-style:solid;border-color:var(--accent);background:color-mix(in oklch,var(--accent) 10%,transparent);color:var(--text)}[data-collapsed]+[data-collapsed]{margin-top:6px}@media (prefers-reduced-motion: reduce){.list-group-chevron{transition:none}}.list-finish-note{margin-left:6px;font:400 11px var(--mono);color:inherit;opacity:.85}.list-menu,.list-edit{display:grid;gap:12px}.list-menu .sl-chip{justify-self:start}.list-edit-actions{display:grid;gap:8px;margin-top:4px}.list-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.list-menu-group,.list-edit-store{display:grid;gap:6px}.list-menu-chips{display:flex;flex-wrap:wrap;gap:8px}.list-menu-note{margin:0;font:400 11px/1.4 var(--mono);color:var(--muted)}.sl-row--lifted{z-index:5;background:var(--row-bg, var(--bg));box-shadow:0 6px 16px -6px color-mix(in oklch,var(--text) 45%,transparent),0 0 0 1px var(--border);will-change:transform}.sl-row--lifted .sl-row-front{transition:none}.sl-row--refused{opacity:.45}.sl-row[data-drop]:after{content:"";position:absolute;z-index:4;left:0;right:0;height:2px;border-radius:1px;background:var(--accent);pointer-events:none}.sl-row[data-drop=before]:after{top:-1px}.sl-row[data-drop=after]:after{bottom:-1px}.list-zone-empty{margin:4px 0 0;padding:8px;border:1px dashed var(--border);border-radius:6px;text-align:center;font:400 10.5px var(--mono);letter-spacing:.04em;color:var(--muted)}[data-zone][data-drop-empty] .list-zone-empty{border-color:var(--accent);color:var(--text)}.bc-page{display:flex;flex-direction:column;gap:16px;min-height:100dvh;max-width:var(--content-max);margin:0 auto;padding:8px 16px calc(24px + env(safe-area-inset-bottom) + var(--install-banner-h, 0px))}.bc-top{display:flex;align-items:center;justify-content:space-between;min-height:var(--tap)}.bc-top h1{margin:0;font:700 18px/1 var(--ui)}.bc-close{display:inline-flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);border:0;border-radius:50%;background:transparent;color:var(--text);font:600 22px/1 var(--ui);text-decoration:none}.bc-frame{position:relative;display:grid;place-items:center;min-height:220px;border:1.5px dashed var(--border);border-radius:18px;background:var(--surface);color:var(--muted);overflow:hidden}.bc-frame img{display:block;width:100%;max-height:46dvh;object-fit:contain}.bc-frame-hint{display:grid;gap:6px;justify-items:center;padding:24px;text-align:center;font:500 14px/1.35 var(--ui)}.bc-decoded{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:6px 12px;border-radius:999px;background:var(--surface2);font:700 13px/1 var(--mono)}.bc-decoded:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--produce)}.bc-actions{display:flex;flex-direction:column;gap:10px}.bc-message{margin:0;padding:12px 14px;border-radius:14px;background:var(--surface2);font:500 14px/1.4 var(--ui)}.bc-message b{display:block;margin-bottom:2px;font-weight:700}.bc-message--warn{border-left:4px solid var(--warn)}.bc-message--error{border-left:4px solid var(--danger)}.bc-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);opacity:0}.bc-choose{display:flex;flex-direction:column;gap:8px}.bc-sheet{display:flex;flex-direction:column;gap:14px;overflow-y:auto;padding-top:8px}.bc-note{margin:0;color:var(--muted);font:500 14px/1.4 var(--ui)}.bc-badge{padding:3px 8px;border-radius:999px;background:var(--pantry);color:var(--surface);font:700 11px/1 var(--mono);text-transform:uppercase}.bc-code{margin:0;font:700 13px/1 var(--mono);color:var(--muted)}.bc-split{display:flex;align-items:flex-start;gap:10px}.bc-split>:first-child{flex:1;min-width:0}.bc-stepper{display:inline-flex;align-items:center;gap:2px;height:56px;padding:0 4px;border-radius:14px;background:var(--surface2)}.bc-stepper button{width:40px;height:44px;border:0;background:transparent;color:var(--text);font:700 22px/1 var(--ui)}.bc-stepper button:disabled{color:var(--muted);opacity:.5}.bc-stepper output{min-width:24px;text-align:center;font:700 17px/1 var(--mono)}.bc-photo{display:flex;align-items:center;gap:12px;padding:10px;border:1px dashed var(--border);border-radius:14px}.bc-photo-thumb{width:52px;height:52px;border-radius:10px;object-fit:cover;background:var(--surface2)}.bc-photo-text{display:grid;flex:1;gap:2px;font:500 12px/1.3 var(--ui);color:var(--muted)}.bc-photo-text b{color:var(--text);font:700 14px/1.2 var(--ui)}.bc-photo input{width:24px;height:24px;accent-color:var(--accent)}.bc-cats{display:flex;flex-wrap:wrap;gap:8px}.bc-viewfinder{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:14px;background:var(--text)}.bc-viewfinder video{width:100%;height:100%;object-fit:cover}.bc-viewfinder-guide{position:absolute;top:28%;right:10%;bottom:28%;left:10%;border:2px solid var(--accent);border-radius:10px;pointer-events:none}.bc-viewfinder-status{position:absolute;inset:auto 0 12px;margin:0;color:var(--bg);font:600 14px/1.2 var(--ui);text-align:center}.bc-scan-button{border:0;cursor:pointer}.bc-scan-message{margin:0;font:500 13px/1.3 var(--ui)}.bc-settings,.bc-download{display:grid;gap:10px;justify-items:start}.bc-download p{margin:0;font:500 13px/1.3 var(--ui)}.bc-switch{display:flex;align-items:flex-start;gap:12px;min-height:var(--tap)}.bc-switch input{flex:none;width:24px;height:24px;margin-top:2px;accent-color:var(--accent)}.bc-switch span{display:grid;gap:2px}.bc-switch small{font:500 13px/1.3 var(--ui)}.cam-live{position:relative;overflow:hidden;background:var(--text)}.cam-live video{display:block;width:100%;height:100%}.cam-live--cover video{object-fit:cover}.cam-live--contain video{object-fit:contain}.cam-live-status{position:absolute;inset:auto 0 12px;margin:0;color:var(--bg);font:600 14px/1.2 var(--ui);text-align:center}.cam-torch{position:absolute;top:10px;right:10px;min-width:var(--tap);min-height:36px;padding:0 12px;border:1.5px solid var(--bg);border-radius:999px;background:transparent;color:var(--bg);font:700 13px/1 var(--ui);cursor:pointer}.cam-torch[aria-pressed=true]{background:var(--bg);color:var(--text)}.cam-sheet{height:calc(100dvh - 48px)}.cam-sheet .sl-sheet-body{display:flex;flex:1;flex-direction:column;gap:12px;overflow:hidden}.cam-sheet-view{flex:1;min-height:160px;border-radius:18px}.cam-sheet-fallback{display:grid;flex:1;align-content:center;gap:12px;padding:8px 0}.cam-note{margin:0;padding:12px 14px;border-left:4px solid var(--warn);border-radius:14px;background:var(--surface2);font:500 14px/1.4 var(--ui)}.cam-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding-bottom:4px}.cam-controls>:first-child{justify-self:start}.cam-shutter{display:grid;place-items:center;width:72px;height:72px;padding:0;border:4px solid var(--accent);border-radius:50%;background:var(--surface);cursor:pointer}.cam-shutter:after{content:"";width:52px;height:52px;border-radius:50%;background:var(--accent)}.cam-shutter:active:after{transform:scale(.9)}.cam-shutter:disabled{opacity:.5}.cam-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);opacity:0}.cam-settings{display:grid;gap:10px}.cam-switch{display:flex;align-items:flex-start;gap:12px;min-height:var(--tap)}.cam-switch input{flex:none;width:24px;height:24px;margin-top:2px;accent-color:var(--accent)}.cam-switch span{display:grid;gap:2px}.cam-switch small{font:500 13px/1.3 var(--ui)}.household{display:grid;gap:10px;justify-items:start}.household p,.household ul{margin:0;overflow-wrap:anywhere}.household-members{padding:0;list-style:none;display:grid;gap:4px;font-weight:600}.household-you,.household-note{color:var(--muted);font-size:14px;font-weight:400}.household-error{padding:8px 12px;border-left:3px solid var(--warn);background:var(--surface2);border-radius:8px}.household-invite{display:grid;gap:6px;justify-items:start;padding:10px 12px;background:var(--surface2);border-radius:8px}.household-code{font-family:ui-monospace,monospace;font-size:24px;letter-spacing:.12em;font-weight:700}.household-link{font-family:ui-monospace,monospace;font-size:13px}.ocr-settings,.ocr-lang{display:grid;gap:10px;justify-items:start}.ocr-hint,.ocr-lang p{margin:0;font:500 13px/1.3 var(--ui)}.ocr-langs{list-style:none;margin:0;padding:0;display:grid;gap:14px}.ocr-lang label{display:flex;align-items:center;gap:12px;min-height:var(--tap)}.lk-settings{display:grid;gap:14px}.lk-switch{display:flex;align-items:flex-start;gap:12px;min-height:var(--tap)}.lk-switch input{flex:none;width:24px;height:24px;margin-top:2px;accent-color:var(--accent)}.lk-switch span{display:grid;gap:2px}.lk-switch small{font:500 13px/1.3 var(--ui)}.lk-clear{display:grid;gap:8px;justify-items:start}.lk-clear p{margin:0;font:500 13px/1.3 var(--ui)}.so-settings{display:grid;gap:14px}.so-hint{margin:0;font:500 13px/1.3 var(--ui)}.so-stores{display:grid;gap:14px;margin:0;padding:0;list-style:none}.so-store{display:grid;gap:8px;padding-top:12px;border-top:1.5px solid var(--text)}.so-store-head{display:grid;grid-template-columns:1fr auto;align-items:start;gap:8px}.so-order{display:grid;margin:0;padding:0;list-style:none}.so-cat{display:flex;align-items:center;gap:6px;min-height:var(--tap);border-bottom:1px dashed var(--text)}.so-cat[data-dragging]{background:var(--surface2)}.so-cat[data-over]{box-shadow:inset 0 2px 0 var(--accent)}.so-grip{display:grid;place-items:center;width:32px;min-height:var(--tap);touch-action:none;cursor:grab}.so-cat-name{flex:1;display:flex;gap:8px;font:600 15px/1.2 var(--ui)}.so-pos{min-width:1.4em;font:500 13px/1.2 var(--mono, var(--ui))}.so-move{display:grid;place-items:center;width:var(--tap);height:var(--tap);padding:0;border:0;background:none;color:inherit}.so-move:disabled{opacity:.35}.so-add{display:grid;grid-template-columns:1fr auto;align-items:start;gap:8px}.sample-data{display:grid;gap:10px;justify-items:start}.sample-data-hint{margin:0;font:500 13px/1.3 var(--ui)}.settings{display:grid;gap:24px}.settings-menu-pane,.settings-detail{display:grid;gap:10px;align-content:start;min-width:0}.settings-menu-pane>h1,.settings-detail>.app-heading{margin:0}.settings-detail>.app-heading:focus{outline:none}.settings-menu-pane>h1:focus{outline:none}.settings-menu{border-top:1px dashed var(--border)}.settings-link{display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 4px;color:var(--text);text-decoration:none}.settings-link:hover{background:var(--ghost)}.settings-link[aria-current=page]{background:var(--surface2);box-shadow:inset 3px 0 0 var(--accent)}.settings-link-icon{display:inline-flex;color:var(--muted)}.settings-link-text{display:grid;flex:1;min-width:0;gap:2px}.settings-link-title{font:600 15px/1.2 var(--ui)}.settings-link-summary{overflow:hidden;color:var(--muted);font:400 13px/1.2 var(--ui);text-overflow:ellipsis;white-space:nowrap}.settings-link-chevron{flex:none;color:var(--muted)}.settings-back{display:inline-flex;align-items:center;gap:2px;justify-self:start;min-height:44px;margin-left:-4px;color:var(--accent);font:600 15px/1 var(--ui);text-decoration:none}@media (min-width: 960px){.settings{grid-template-columns:280px minmax(0,1fr);gap:32px;align-items:start}.settings-detail{gap:14px;padding-top:4px}.settings-detail>.app-heading{font-size:20px}}.settings-note{margin:12px 0 0;font-size:14px;color:var(--muted)}.settings-diagnostics{display:grid;gap:24px}.cat-page{display:grid;gap:10px}.cat-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.cat-head .app-heading{margin:0}.cat-search{display:flex;align-items:stretch;gap:8px}.cat-search .sl-field{flex:1;min-width:0}.cat-scan{display:grid;flex:none;place-items:center;width:var(--tap);border-radius:var(--r-control);background:var(--accent);color:var(--on-accent)}.cat-chips{display:flex;gap:6px;flex-wrap:wrap;padding-block:7px}.cat-groups{display:grid;gap:14px}.cat-group .sl-section-label{display:flex;align-items:center;gap:8px}.cat-thumb{display:grid;flex:none;place-items:center;overflow:hidden;border-radius:6px;background:var(--surface2);color:var(--muted);font:700 12px/1 var(--ui)}.cat-thumb--sm{width:24px;height:24px;margin-right:8px}.cat-thumb--lg{width:56px;height:56px;font-size:22px;border-radius:var(--r-control)}.cat-thumb img{width:100%;height:100%;object-fit:cover}.cat-mono{font:700 12px/1 var(--mono);color:var(--muted)}.cat-expand{list-style:none;padding:4px 0 10px}.cat-summary{display:grid;gap:10px;padding:12px;border:1px solid var(--border);border-radius:var(--r-control);background:var(--surface);box-shadow:var(--shadow)}.cat-summary-head{display:flex;align-items:center;gap:12px}.cat-summary-title{display:grid;gap:4px;justify-items:start;font:700 17px/1.15 var(--ui)}.cat-summary-text{margin:0;color:var(--muted)}.cat-summary-facts{display:grid;gap:4px;margin:0}.cat-summary-facts dd{margin:0 0 6px}.cat-aliases{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.cat-alias{padding:0 10px;border:1px solid var(--border);border-radius:var(--r-pill);font:600 19px/1.3 var(--hand)}.cat-summary .sl-button,.cat-head .sl-button,.cat-empty .sl-button{justify-self:start;text-decoration:none}.cat-empty{display:grid;gap:10px;justify-items:start;padding:24px 0}.cat-empty p{margin:0}.cat-pane-hint{padding:24px 0;color:var(--muted)}@media (min-width: 960px){.cat-panes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}.cat-pane{position:sticky;top:72px}.cat-row--open{background:var(--accent-soft)}}.cat-add{display:grid;flex:none;place-items:center;width:var(--tap);height:var(--row-h);padding:0;border:0;border-radius:8px;background:none;color:var(--accent);cursor:pointer}.cat-add--on{color:var(--muted)}.cat-add:hover{background:var(--surface2)}.cat-store{margin-left:8px;font:700 11px/1 var(--mono);color:var(--muted)}.cat-store-chips{display:flex;flex-wrap:wrap;gap:6px}.cat-store-empty{margin:0;color:var(--muted)}.join{display:grid;gap:12px;justify-items:start}.join p{margin:0;overflow-wrap:anywhere}.join-error{padding:8px 12px;border-left:3px solid var(--danger);background:var(--surface2);border-radius:8px}.join-link{color:var(--accent);font-weight:600}.app-shell{width:100%;max-width:var(--content-max);min-height:100dvh;margin:0 auto;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:calc(env(safe-area-inset-bottom) + var(--install-banner-h, 0px))}.app-top{position:sticky;z-index:20;top:0;display:flex;align-items:center;gap:8px;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;background:var(--bg)}.app-nav{flex:1 1 0}.app-settings-link{display:grid;flex:none;place-items:center;width:var(--tap);height:var(--tap);border-radius:var(--r-control);color:var(--muted)}.app-settings-link{position:relative}.app-settings-dot{position:absolute;top:9px;right:9px;width:8px;height:8px;border:2px solid var(--bg);border-radius:50%;background:var(--warn)}.app-settings-link:hover,.app-settings-link[aria-current=page]{color:var(--text);background:var(--surface2)}.app-main{min-width:0;padding:8px 14px 24px}.app-heading{margin:0 0 6px;font:700 24px/1.15 var(--ui)}.app-placeholder{display:grid;gap:4px;padding-top:16px}.app-placeholder>p{margin:0}.app-full{min-height:100dvh}@media (min-width: 960px){.app-shell{border-inline:1px dashed var(--border);background:var(--bg)}.app-top,.app-main{padding-inline:20px}}