:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f7f5f0;--surface:#fff;--text:#1d1d1b;--muted:#6b6b66;--line:#e7e3da;--accent:#2f6f4f;--accent-hover:#25593f;--on-accent:#fff;--accent-soft:#e4f0e8;--danger:#b3261e;--radius:16px;--radius-s:12px;--shadow:0 1px 2px #0000000a, 0 6px 20px #0000000d;--kopf-h:60px;--tabs-h:64px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#121413;--surface:#1b1e1c;--text:#ecece8;--muted:#9a9d97;--line:#2b2f2c;--accent:#7cc9a0;--accent-hover:#96d6b3;--on-accent:#0f1a14;--accent-soft:#1f3228;--danger:#f2b8b5;--shadow:0 1px 2px #0000004d, 0 6px 20px #00000040}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:1rem;line-height:1.55}a{color:var(--accent);text-underline-offset:3px}a:hover{color:var(--accent-hover)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}h1{letter-spacing:-.02em;margin:0 0 8px;font-size:1.75rem;line-height:1.2}h2{letter-spacing:-.01em;margin:28px 0 12px;font-size:1.05rem}p{margin:0 0 12px}main{max-width:1040px;padding:20px 16px calc(var(--tabs-h) + 32px + env(safe-area-inset-bottom));margin:0 auto}main.schmal{max-width:680px}main>h1{margin-bottom:16px}.meta{color:var(--muted);font-size:.875rem}.fehler{color:var(--danger)}.zeile{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.seitenkopf{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.kopf{z-index:10;background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(12px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top);position:sticky;top:0}.kopf-innen{max-width:1040px;height:var(--kopf-h);align-items:center;gap:24px;margin:0 auto;padding:0 16px;display:flex}.marke{letter-spacing:-.02em;color:var(--text);margin-right:auto;font-size:1.1rem;font-weight:700;text-decoration:none}.marke:hover{color:var(--text)}.menue{gap:4px;display:none}.menue a{color:var(--muted);border-radius:999px;padding:8px 14px;font-weight:500;text-decoration:none}.menue a:hover{background:var(--accent-soft);color:var(--text)}.menue a[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.tabs{z-index:10;height:calc(var(--tabs-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabs a{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.75rem;font-weight:500;text-decoration:none;display:flex}.tabs a[aria-current=page]{color:var(--accent)}.raster{gap:12px;margin:0;padding:0;list-style:none;display:grid}.rezeptkarte{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);height:100%;box-shadow:var(--shadow);color:var(--text);flex-direction:column;gap:10px;padding:16px 18px;text-decoration:none;transition:transform .15s,border-color .15s;display:flex}.rezeptkarte:hover{color:var(--text);border-color:var(--accent);transform:translateY(-2px)}.rezeptkarte strong{letter-spacing:-.01em;font-size:1.05rem}.leer{text-align:center;color:var(--muted);padding:48px 16px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--bg);border:1px solid var(--line);color:var(--muted);border-radius:999px;align-items:center;padding:2px 10px;font-size:.8rem;display:inline-flex}.chip-tag{background:var(--accent-soft);color:var(--accent);border-color:#0000}.chip-leise{background:0 0}.detail{gap:8px;display:grid}.detail-kopf{flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.detail-kopf h1{margin:0;font-size:2rem}.bild{aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius);background:var(--line);width:100%;margin-bottom:16px;display:block}.aktionen{gap:10px;margin-bottom:8px;display:flex}.aktionen form{margin:0}.aktionen .gekocht{flex:1}.aktionen .gekocht button{width:100%;min-height:52px}.zutaten{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:0;padding:0;list-style:none}.zutaten li{gap:12px;padding:10px 16px;display:flex}.zutaten li+li{border-top:1px solid var(--line)}.menge{font-variant-numeric:tabular-nums;flex:0 0 5.5em;font-weight:600}.schritte{counter-reset:schritt;gap:14px;margin:0;padding:0;list-style:none;display:grid}.schritte li{counter-increment:schritt;grid-template-columns:32px 1fr;align-items:start;gap:12px;display:grid}.schritte li:before{content:counter(schritt);background:var(--accent-soft);width:32px;height:32px;color:var(--accent);border-radius:50%;place-items:center;font-size:.9rem;font-weight:700;display:grid}.freitext{white-space:pre-wrap}.detail-rechts>.meta{margin-top:20px}form{margin:0}label,legend{margin-bottom:6px;padding:0;font-size:.9rem;font-weight:600;display:block}input,textarea,select{width:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-s);margin-bottom:14px;padding:12px 14px;font-size:1rem;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}textarea{resize:vertical}input[type=file]{border-style:dashed;padding:10px}input[type=file]::file-selector-button{font:inherit;color:var(--text);cursor:pointer;background:var(--accent-soft);border:0;border-radius:999px;margin-right:12px;padding:8px 16px;font-weight:600}.import-schmal{max-width:680px}::placeholder{color:var(--muted);opacity:.8}.feld{border:0;min-width:0;margin-bottom:4px;padding:0}.formular,.import,.login-karte{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.import{margin-bottom:16px}.check{align-items:center;gap:8px;min-height:40px;margin:0 16px 6px 0;font-weight:500;display:inline-flex}.check input{width:18px;height:18px;accent-color:var(--accent);margin:0}button,.knopf{min-width:46px;min-height:46px;font:inherit;color:var(--text);cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,transform 50ms;display:inline-flex}button:hover:not(:disabled),.knopf:hover{border-color:var(--accent)}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.55;cursor:progress}button.primaer,.knopf{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}button.primaer:hover:not(:disabled),.knopf:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--on-accent)}button.icon{width:52px;min-height:52px;padding:0;font-size:1.35rem}button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent)}button.link{min-width:0;min-height:0;color:var(--muted);text-underline-offset:3px;background:0 0;border:0;padding:6px 4px;font-weight:500;text-decoration:underline}button.link:hover{color:var(--text)}button.gefahr{color:var(--danger);border-color:var(--danger);background:0 0}.formular>button[type=submit],.import>button,.login-karte button[type=submit]{width:100%}.loeschen{text-align:center;margin-top:24px}.login{place-items:center;min-height:100dvh;padding-bottom:32px;display:grid}.login-karte{width:100%;max-width:400px}.login-karte h1{margin-bottom:4px}.karte{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:10px;padding:18px;list-style:none;display:flex}.karte p{margin:0}.karte .bild{aspect-ratio:16/9;margin-bottom:0}.karte summary{cursor:pointer;color:var(--accent);font-weight:500}.vorschau{white-space:pre-wrap;font:inherit;color:var(--muted);margin:10px 0 0;font-size:.9rem}.karte form{margin-top:auto}.karte form button{width:100%}.badge{letter-spacing:.04em;text-transform:uppercase;background:var(--accent-soft);color:var(--accent);border-radius:999px;align-self:flex-start;padding:3px 12px;font-size:.75rem;font-weight:700}.badge-aehnlich{color:#2b5aa8;background:#e6eefb}.badge-ueberraschung{color:#a1561a;background:#fbeadb}@media (prefers-color-scheme:dark){.badge-aehnlich{color:#9db9ee;background:#1e2a40}.badge-ueberraschung{color:#f0b684;background:#3a2a1b}}.raster-3{margin-top:16px}@media (min-width:760px){main{padding:32px 24px 64px}.kopf-innen{padding:0 24px}.menue{display:flex}.tabs{display:none}.raster{grid-template-columns:repeat(2,1fr);gap:16px}h1{font-size:2rem}.detail{grid-template-columns:minmax(280px,2fr) 3fr;align-items:start;column-gap:48px}.detail-kopf{grid-column:1/-1}.detail-kopf h1{font-size:2.5rem}.detail-rechts h2:first-child{margin-top:0}.detail-links{top:calc(var(--kopf-h) + 24px);position:sticky}}@media (min-width:760px) and (max-width:999px){.raster-3{grid-template-columns:1fr;max-width:680px}}@media (min-width:1000px){.raster{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}