:root{--bg:#f2f2f7;--surface:#fff;--surface-raised:#fff;--fill:#7676801f;--fill-strong:#76768033;--label:#000;--label-2:#3c3c4399;--label-3:#3c3c434d;--separator:#3c3c434a;--bar:#f9f9f9cc;--accent:#0a9f6c;--on-accent:#fff;--red:#ff3b30;--orange:#ff9500;--yellow:#fc0;--blue:#007aff;--cyan:#32ade6;--teal:#30b0c7;--indigo:#5856d6;--pink:#ff2d55;--brown:#a2845e;--gray:#8e8e93;--radius:12px;--radius-sm:10px;--tabbar-h:50px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;letter-spacing:-.022em;color:var(--label);background:var(--bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:17px;line-height:1.3}@media (prefers-color-scheme:dark){:root{--bg:#000;--surface:#1c1c1e;--surface-raised:#2c2c2e;--fill:#7676803d;--fill-strong:#7676805c;--label:#fff;--label-2:#ebebf599;--label-3:#ebebf54d;--separator:#545458a6;--bar:#161618cc;--accent:#30d68e;--on-accent:#00230f;--red:#ff453a;--orange:#ff9f0a;--yellow:#ffd60a;--blue:#0a84ff;--cyan:#64d2ff;--teal:#40c8e0;--indigo:#5e5ce6;--pink:#ff375f;--brown:#ac8e68;--gray:#98989d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);overscroll-behavior-y:none;margin:0}a{color:var(--accent);text-decoration:none}svg{flex:none}.shell{min-height:100dvh;padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 16px)}.content{max-width:680px;padding:env(safe-area-inset-top) 16px 0;margin:0 auto}.error-banner{z-index:20;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:var(--red);color:#fff;justify-content:space-between;align-items:center;gap:12px;font-size:15px;display:flex;position:sticky;top:0}.error-banner button{color:inherit;background:0 0;border:0;padding:4px;display:grid}.nav{margin-bottom:8px;padding-top:8px}.nav-bar{justify-content:space-between;align-items:center;gap:8px;min-height:44px;display:flex}.nav-back{min-height:44px;color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:2px;margin-left:-8px;padding:0 8px 0 0;display:inline-flex}.nav-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.large-title{letter-spacing:.01em;margin:2px 0 0;font-size:34px;font-weight:700;line-height:41px}.large-title.compact{font-size:28px;line-height:34px}button{font:inherit;letter-spacing:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.35;cursor:default}.btn{border-radius:var(--radius);background:var(--accent);width:100%;min-height:50px;color:var(--on-accent);border:0;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:17px;font-weight:600;display:inline-flex}.btn:active:not(:disabled){opacity:.8}.btn-tinted{background:color-mix(in srgb, var(--accent) 15%, transparent);color:var(--accent)}.btn-gray{background:var(--fill);color:var(--label)}.btn-danger{background:color-mix(in srgb, var(--red) 12%, transparent);color:var(--red)}.btn-small{border-radius:999px;width:auto;min-height:34px;padding:0 14px;font-size:15px}.nav-btn{min-height:44px;color:var(--accent);background:0 0;border:0;align-items:center;gap:4px;padding:0 4px;font-size:17px;display:inline-flex}.nav-btn.strong{font-weight:600}.icon-btn{background:var(--fill);width:34px;height:34px;color:var(--accent);border:0;border-radius:999px;place-items:center;display:inline-grid}.text-btn{color:var(--accent);text-align:left;background:0 0;border:0;padding:8px 0;font-size:17px}.text-danger{color:var(--red)}.actions{flex-direction:column;gap:10px;margin:16px 0 24px;display:flex}.actions.row-actions{flex-direction:row}.actions.row-actions>*{flex:1}.group{margin:0 0 28px}.group-header{text-transform:uppercase;letter-spacing:0;color:var(--label-2);justify-content:space-between;align-items:baseline;gap:8px;padding:0 16px 7px;font-size:13px;line-height:18px;display:flex}.group-header.prominent{text-transform:none;letter-spacing:.01em;color:var(--label);padding:8px 4px;font-size:22px;font-weight:700;line-height:28px}.group-header a,.group-header button{text-transform:none;letter-spacing:-.01em;font-size:15px;font-weight:400}.group-body{background:var(--surface);border-radius:var(--radius-sm);margin:0;padding:0;overflow:hidden}.group-footer{letter-spacing:0;color:var(--label-2);padding:7px 16px 0;font-size:13px;line-height:18px}.row{min-height:44px;color:var(--label);background:var(--surface);align-items:center;gap:12px;padding:10px 16px;display:flex;position:relative}a.row:active,button.row:active{background:var(--fill-strong)}button.row{text-align:left;width:100%;font:inherit;border:0}.group-body>*{position:relative}.group-body>*+:before{content:"";z-index:1;border-top:.5px solid var(--separator);pointer-events:none;position:absolute;top:0;left:16px;right:0}.group-body.with-icons>*+:before{left:58px}.row-main{min-width:0;color:inherit;flex-direction:column;flex:1;gap:2px;display:flex}.row-title{text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.row-sub{color:var(--label-2);flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:15px;display:flex}.row-value{color:var(--label-2);white-space:nowrap;text-align:right}.row-value strong{color:var(--label);font-weight:600}.row-value.alert strong{color:var(--red)}.chevron{color:var(--label-3);margin-right:-6px}.row-centered{color:var(--accent);justify-content:center}.row-danger{color:var(--red)}.empty{text-align:center;color:var(--label-2);background:var(--surface);border-radius:var(--radius-sm);padding:22px 16px;font-size:15px}.empty-plain{background:0 0;padding:12px 16px}.symbol{color:#fff;border-radius:999px;flex:none;place-items:center;display:inline-grid}.symbol.square{border-radius:8px}.search{margin:4px 0 20px;position:relative}.search svg{color:var(--label-2);pointer-events:none;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.search input{border-radius:var(--radius-sm);background:var(--fill);width:100%;height:36px;color:var(--label);font:inherit;-webkit-appearance:none;border:0;outline:none;padding:0 10px 0 34px;font-size:17px}.search input::placeholder{color:var(--label-2)}.tiles{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:28px;display:grid}@media (width>=560px){.tiles{grid-template-columns:repeat(3,1fr)}}.tile{border-radius:var(--radius);background:var(--surface);color:var(--label);grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:8px 6px;min-width:0;padding:10px 12px 9px;display:grid}.tile:active{background:var(--fill-strong)}.tile-count{font-variant-numeric:tabular-nums;justify-self:end;font-size:26px;font-weight:700;line-height:30px}.tile-name{color:var(--label-2);text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;font-size:15px;font-weight:600;overflow:hidden}.badge{letter-spacing:0;white-space:nowrap;align-items:center;gap:4px;font-size:13px;font-weight:600;display:inline-flex}.badge-ok{color:var(--label-2);font-weight:400}.badge-bald{color:var(--orange)}.badge-abgelaufen{color:var(--red)}.kind{letter-spacing:0;color:var(--label-2);align-items:center;gap:5px;font-size:13px;display:inline-flex}.kind:before{content:"";background:var(--k);border-radius:999px;width:7px;height:7px}.kind-gekauft{--k:var(--blue)}.kind-eingekocht{--k:var(--orange)}.kind-eingefroren{--k:var(--cyan)}.stepper{background:var(--fill);border-radius:8px;flex:none;align-items:center;height:32px;display:inline-flex}.stepper button,.stepper a{width:44px;height:32px;color:var(--label);background:0 0;border:0;place-items:center;display:grid}.stepper button:active:not(:disabled),.stepper a:active{background:var(--fill-strong);border-radius:8px}.stepper i{background:var(--separator);width:1px;height:18px}.segmented{background:var(--fill);border:0;border-radius:9px;margin:0;padding:2px;display:flex}.segmented label,.segmented button{letter-spacing:0;min-height:30px;color:var(--label);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:7px;flex:1;place-items:center;padding:0 8px;font-size:13px;font-weight:500;display:grid;position:relative}.segmented .active{background:var(--surface-raised);font-weight:600;box-shadow:0 3px 8px #0000001f,0 3px 1px #0000000a}.segmented input{opacity:0;pointer-events:none;position:absolute}.segmented-wrap{margin:0 0 16px}.pills{scrollbar-width:none;gap:8px;margin:0 -16px 18px;padding:0 16px;display:flex;overflow-x:auto}.pills::-webkit-scrollbar{display:none}.pill{background:var(--surface);height:34px;color:var(--label);border:0;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 14px;font-size:15px;font-weight:500;display:inline-flex}.pill.active{background:var(--accent);color:var(--on-accent)}.field{cursor:text}.field>span:first-child{flex:none}.field input,.field select{min-width:0;color:var(--label);font:inherit;text-align:right;appearance:none;background:0 0;border:0;outline:none;flex:1;padding:0;font-size:17px}.field select{color:var(--label-2);text-align-last:right;cursor:pointer}.field input::-webkit-calendar-picker-indicator{display:none!important}.field input[type=date]::-webkit-calendar-picker-indicator{opacity:.5;display:block!important}.field input::placeholder{color:var(--label-3)}.field input[type=date]{min-height:24px;color:var(--label-2)}.field input[type=date]::-webkit-date-and-time-value{text-align:right}.field.stack{flex-direction:column;align-items:stretch;gap:6px}.field.stack input,.field.stack textarea{text-align:left}.field textarea{color:var(--label);font:inherit;resize:vertical;background:0 0;border:0;outline:none;min-height:60px;padding:0;font-size:17px}.field-wide input{text-align:left}.field-inline-btn{color:var(--accent);background:0 0;border:0;place-items:center;padding:0;display:grid}.field-hint{color:var(--red);font-size:13px}.select-chevron{color:var(--label-3);margin-left:-6px}.quantity{justify-content:center;align-items:center;gap:24px;padding:14px 16px;display:flex}.quantity input{width:120px;color:var(--label);font:inherit;text-align:center;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;font-size:44px;font-weight:700}.quantity button{background:var(--fill);width:44px;height:44px;color:var(--accent);border:0;border-radius:999px;place-items:center;display:grid}.quantity-unit{text-align:center;color:var(--label-2);margin-top:-8px;padding-bottom:12px;font-size:15px}.callout{border-radius:var(--radius-sm);background:var(--surface);gap:10px;margin:0 0 16px;padding:12px 14px;font-size:15px;line-height:1.4;display:flex}.callout svg{margin-top:1px}.callout-warn{background:color-mix(in srgb, var(--orange) 14%, var(--surface))}.callout-warn svg{color:var(--orange)}.callout-error{background:color-mix(in srgb, var(--red) 12%, var(--surface))}.callout-error svg{color:var(--red)}.scanner{border-radius:var(--radius);aspect-ratio:3/4;background:#000;width:100%;max-height:56dvh;margin:0 auto 20px;position:relative;overflow:hidden}.scanner video{object-fit:cover;width:100%;height:100%;display:block}.scanner-frame{border-radius:14px;outline:2px solid #ffffffe6;position:absolute;inset:36% 10%;box-shadow:0 0 0 9999px #00000073}.scanner-hint{text-align:center;color:#fff;font-size:15px;font-weight:500;position:absolute;bottom:16px;left:0;right:0}.scan-card{background:var(--surface);border-radius:var(--radius);text-align:center;margin-bottom:16px;padding:20px 16px 16px}.scan-card h2{margin:12px 0 4px;font-size:22px;line-height:28px}.scan-card p{color:var(--label-2);margin:0;font-size:15px}.scan-card .actions{margin-bottom:0}.auth{max-width:420px;min-height:100dvh;padding:calc(56px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.auth-hero{text-align:center;margin-bottom:32px}.auth-hero img{border-radius:20px;width:88px;height:88px;box-shadow:0 8px 24px #00000026}.auth-hero h1{margin:18px 0 8px;font-size:28px;line-height:34px}.auth-hero p{color:var(--label-2);margin:0;font-size:15px;line-height:1.45}.auth-spacer{flex:1}.auth .text-btn{text-align:center;font-size:15px}.auth .group{margin-bottom:20px}.splash{min-height:100dvh;color:var(--label-2);place-items:center;display:grid}.recovery-codes{background:var(--separator);border-radius:var(--radius-sm);grid-template-columns:1fr 1fr;gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.recovery-codes li{background:var(--surface);text-align:center;letter-spacing:.04em;padding:12px 8px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:15px}.check-row input{width:22px;height:22px;accent-color:var(--accent);margin:0}.invite-code{word-break:break-all;color:var(--label-2);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px}.tabbar{z-index:10;padding-bottom:env(safe-area-inset-bottom);background:var(--bar);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border-top:.5px solid var(--separator);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar-inner{width:100%;max-width:680px;display:flex}.tab{height:var(--tabbar-h);letter-spacing:.01em;color:var(--gray);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding-top:2px;font-size:10px;font-weight:500;display:flex}.tab-active{color:var(--accent)}.tab-icon{display:grid;position:relative}.tab-badge{background:var(--red);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:12px;font-weight:600;display:grid;position:absolute;top:-4px;left:16px}