:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--basilikum:#1f7a3f;--blattschatten:#0e3b22;--papier:#f6f8f5;--karte:#fff;--preisgelb:#ffd23f;--tomate:#c23a1c;--ink:#17211b;--muted:#54655b;--linie:#dde5df;--basilikum-btn:#1f7a3f;--font-display:"Bricolage Grotesque Variable", system-ui, sans-serif;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"Spline Sans Mono", ui-monospace, "SF Mono", monospace;--text-xs:.75rem;--text-sm:.84375rem;--text-base:.9375rem;--text-lg:1.0625rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-display:2.25rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--r-card:16px;--r-ctl:10px;--r-pill:999px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--basilikum:#4caf6e;--blattschatten:#0b120e;--papier:#0f1713;--karte:#17221b;--preisgelb:#ffd23f;--tomate:#ff6b4a;--ink:#e8efe9;--muted:#9baaa0;--linie:#243128}}:root[data-theme=dark]{--basilikum:#4caf6e;--blattschatten:#0b120e;--papier:#0f1713;--karte:#17221b;--preisgelb:#ffd23f;--tomate:#ff6b4a;--ink:#e8efe9;--muted:#9baaa0;--linie:#243128}:root[data-theme=light]{--basilikum:#1f7a3f;--blattschatten:#0e3b22;--papier:#f6f8f5;--karte:#fff;--preisgelb:#ffd23f;--tomate:#c23a1c;--ink:#17211b;--muted:#54655b;--linie:#dde5df}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Spline Sans Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/spline-sans-mono-latin-400-normal-mUpA6Mve.woff2)format("woff2"),url(/assets/spline-sans-mono-latin-400-normal-739QRW1l.woff)format("woff")}@font-face{font-family:Spline Sans Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/spline-sans-mono-latin-600-normal-BrWm9FVc.woff2)format("woff2"),url(/assets/spline-sans-mono-latin-600-normal-ZCqv2Jod.woff)format("woff")}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--papier);color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.5}h1,h2,h3{font-family:var(--font-display);color:var(--blattschatten)}:root[data-theme=dark] h1,:root[data-theme=dark] h2,:root[data-theme=dark] h3{color:var(--ink)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) h1,:root:not([data-theme=light]) h2,:root:not([data-theme=light]) h3{color:var(--ink)}}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}:focus{outline:none}:focus-visible{outline:2px solid var(--basilikum);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.card{background:var(--karte);border:1px solid var(--linie);border-radius:var(--r-card);padding:var(--space-4) var(--space-5)}.field{gap:var(--space-1);font-size:var(--text-sm);display:grid}.field__label{color:var(--muted);font-weight:600}.input{font:inherit;border-radius:var(--r-ctl);border:1px solid var(--linie);background:var(--karte);color:var(--ink);min-height:44px;padding:.5rem .65rem}.input:focus-visible{outline:2px solid var(--basilikum);outline-offset:1px}.btn{font:inherit;border-radius:var(--r-ctl);border:1px solid var(--basilikum);cursor:pointer;min-height:44px;padding:.55rem 1rem;font-weight:600;transition:transform .12s,background-color .12s,opacity .12s}.btn:disabled{cursor:not-allowed;opacity:.55}.btn:not(:disabled):hover{transform:translateY(-1px)}.btn:not(:disabled):active{transform:translateY(0)}.btn--primary{background:var(--basilikum-btn);color:#fff}.btn--ghost{color:var(--basilikum);background:0 0}.btn--ghost:not(:disabled):hover{background:color-mix(in srgb, var(--basilikum) 12%, transparent)}.btn--danger{color:var(--tomate);border-color:var(--tomate);background:0 0}.btn--danger:not(:disabled):hover{background:color-mix(in srgb, var(--tomate) 12%, transparent)}.text-muted{color:var(--muted);font-size:var(--text-sm)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.market-chip{font:inherit;cursor:pointer;border-radius:var(--r-pill);border:1px solid var(--linie);background:var(--karte);min-height:44px;color:var(--ink);padding:.4rem .9rem;font-weight:500}.market-chip[aria-pressed=true]{border-color:var(--basilikum);background:color-mix(in srgb, var(--basilikum) 14%, var(--karte));color:var(--basilikum);font-weight:700}.stepper-progress{gap:var(--space-4);font-size:var(--text-xs);color:var(--muted);margin:0;padding:0;font-weight:600;list-style:none;display:flex}.stepper-progress li{padding-bottom:var(--space-2);border-bottom:3px solid var(--linie)}.stepper-progress li[aria-current=step]{color:var(--basilikum);border-bottom-color:var(--basilikum)}.pill{font-size:var(--text-xs);border-radius:var(--r-pill);background:var(--linie);color:var(--muted);align-items:center;gap:.3em;padding:2px 8px;font-weight:600;display:inline-flex}.pill--accent{background:color-mix(in srgb, var(--basilikum) 16%, var(--karte));color:var(--basilikum)}.notice{font-size:var(--text-sm);border-radius:var(--r-ctl);padding:.6rem .8rem}.notice--error{background:color-mix(in srgb, var(--tomate) 14%, var(--karte));color:var(--tomate)}.notice--info{background:color-mix(in srgb, var(--basilikum) 14%, var(--karte));color:var(--basilikum)}.sticker{font-size:var(--text-xs);background:var(--preisgelb);color:#3a2c00;border-radius:6px;align-items:center;gap:.3em;padding:3px 9px;font-weight:700;display:inline-flex;transform:rotate(-1.5deg);box-shadow:2px 2px #0000001f}.toast-stack{left:50%;bottom:var(--space-6);gap:var(--space-2);z-index:100;width:min(90vw,420px);display:grid;position:fixed;transform:translate(-50%)}.toast{border-radius:var(--r-ctl);font-size:var(--text-sm);background:var(--blattschatten);color:#fff;padding:.7rem 1rem;font-weight:600;box-shadow:0 6px 20px #0000002e}.toast--error{background:var(--tomate)}.skeleton{gap:var(--space-2);display:grid}.skeleton__bar{background:linear-gradient(90deg, var(--linie) 25%, color-mix(in srgb, var(--linie) 60%, var(--karte)) 50%, var(--linie) 75%);background-size:200% 100%;border-radius:6px;height:.85em;animation:1.4s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{gap:var(--space-2);padding:var(--space-4) 0;color:var(--muted);justify-items:start;display:grid}.empty-state__title{color:var(--ink);font-weight:600}.confirm-dialog{border-radius:var(--r-card);padding:var(--space-5);background:var(--karte);max-width:min(90vw,420px);color:var(--ink);border:none;box-shadow:0 20px 60px #00000040}.confirm-dialog::backdrop{background:#0006}.confirm-dialog__actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4);display:flex}.app-shell{background:var(--papier);min-height:100vh;color:var(--ink)}.app-header,.app-nav,.app-main{max-width:960px;padding-left:var(--space-4);padding-right:var(--space-4);margin:0 auto}.app-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding-top:var(--space-5);padding-bottom:var(--space-3);display:flex}.app-title{color:var(--basilikum);font-size:var(--text-2xl);margin:0}.app-subtitle{color:var(--muted);font-size:var(--text-sm);margin:.15rem 0 0}.theme-toggle{font:inherit;font-size:var(--text-lg);border-radius:var(--r-pill);border:1px solid var(--linie);background:var(--karte);cursor:pointer;flex-shrink:0;width:44px;height:44px;line-height:1}.app-main{padding-top:var(--space-4);padding-bottom:var(--space-8)}.app-nav{gap:var(--space-2);border-bottom:1px solid var(--linie);padding-bottom:0;display:flex}.nav-item{font:inherit;min-height:44px;padding:0 var(--space-2) var(--space-3);color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;font-weight:700}.nav-item[aria-current=page]{color:var(--basilikum);border-bottom-color:var(--basilikum)}@media (width<=767px){.app-nav{background:var(--karte);border-bottom:none;border-top:1px solid var(--linie);max-width:none;padding:var(--space-1) var(--space-2) calc(var(--space-1) + env(safe-area-inset-bottom));z-index:50;justify-content:stretch;position:fixed;bottom:0;left:0;right:0}.nav-item{border-radius:var(--r-ctl);padding:var(--space-2) 0;border-bottom:none;flex:1}.nav-item[aria-current=page]{background:color-mix(in srgb, var(--basilikum) 14%, transparent)}.app-main{padding-bottom:calc(64px + var(--space-6) + env(safe-area-inset-bottom))}}.plan-hero{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.plan-hero__week{font-size:var(--text-2xl);margin:0}.plan-hero__cost{margin:var(--space-1) 0 0;align-items:center;gap:var(--space-2);font-size:var(--text-lg);color:var(--muted);flex-wrap:wrap;display:flex}.generation-progress{gap:var(--space-3);display:grid}.generation-stages{gap:var(--space-4);font-size:var(--text-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.generation-stages li{color:var(--muted);align-items:center;gap:.4em;display:flex}.generation-stages li[data-active=true]{color:var(--basilikum);font-weight:700}.generation-stages li[data-done=true]:before{content:"✓ "}.recipe-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.recipe-card{gap:var(--space-2);align-content:start;display:grid}.recipe-card__title{font-family:var(--font-display);font-size:var(--text-lg);margin:0}.recipe-card__meta{font-size:var(--text-sm);color:var(--muted)}.recipe-card__macros{font-size:var(--text-xs);color:var(--muted)}.recipe-card__ingredients{font-size:var(--text-sm);gap:2px;margin:0;padding-left:1.1rem;display:grid}.recipe-card__ingredients li{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.recipe-card__steps summary{cursor:pointer;color:var(--basilikum);font-weight:600}.recipe-card__steps ol{margin:var(--space-2) 0 0;font-size:var(--text-sm);padding-left:1.2rem}.market-table{border-collapse:collapse;font-size:var(--text-sm);width:100%}.market-table td{padding:var(--space-2) 0;border-top:1px solid var(--linie)}.shopping-summary{top:var(--space-2);z-index:10;justify-content:space-between;align-items:center;display:flex;position:sticky}.shopping-list{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.shopping-item{align-items:center;gap:var(--space-3);min-height:44px;padding:var(--space-1) 0;cursor:pointer;display:flex}.shopping-item input[type=checkbox]{width:22px;height:22px;accent-color:var(--basilikum);flex-shrink:0}