:root{--grund:#100d12;--flaeche:#1a161d;--flaeche-hoch:#221d26;--rand:#2f2834;--rand-hell:#3d343f;--text:#f6f1f4;--text-gedaempft:#a89ea6;--text-leise:#776e75;--akzent:#ff6fa5;--akzent-hell:#ff8fb8;--akzent-dunkel:#d94d82;--akzent-schleier:#ff6fa524;--akzent-kontrast:#2a0d19;--warnung:#ffb454;--fehler:#ff6b6b;--gut:#5ed6a0;--radius-s:12px;--radius-m:18px;--radius-l:26px;--radius-xl:34px;--radius-voll:999px;--luft-xs:6px;--luft-s:10px;--luft-m:16px;--luft-l:24px;--luft-xl:36px;--schatten:0 18px 40px #00000073;--touch:48px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{background:var(--grund);color:var(--text);overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:17px;line-height:1.5}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(70rem 40rem at 15% -10%,#ff6fa517,#0000 60%),radial-gradient(50rem 30rem at 100% 0,#9b6fff0f,#0000 55%);position:fixed;top:0;bottom:0;left:0;right:0}#root{z-index:1;position:relative}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input{font:inherit;color:inherit}h1,h2,h3{letter-spacing:-.015em;margin:0;font-weight:650}.knopf{justify-content:center;align-items:center;gap:var(--luft-s);min-height:var(--touch);padding:0 var(--luft-l);border-radius:var(--radius-voll);background:var(--flaeche-hoch);border:1px solid var(--rand);font-weight:600;transition:background .15s,transform .1s,border-color .15s;display:inline-flex}.knopf:hover{background:var(--rand)}.knopf:active{transform:scale(.97)}.knopf--betont{background:var(--akzent);color:var(--akzent-kontrast);border-color:#0000}.knopf--betont:hover{background:var(--akzent-hell)}.knopf--still{color:var(--text-gedaempft);background:0 0;border-color:#0000}.knopf--still:hover{background:var(--flaeche);color:var(--text)}.knopf:disabled{opacity:.4;cursor:not-allowed}.chip{align-items:center;gap:var(--luft-xs);min-height:42px;padding:0 var(--luft-m);border-radius:var(--radius-voll);background:var(--flaeche);border:1px solid var(--rand);color:var(--text-gedaempft);white-space:nowrap;font-size:15px;font-weight:550;transition:all .15s;display:inline-flex}.chip:hover{border-color:var(--rand-hell);color:var(--text)}.chip[aria-pressed=true]{background:var(--akzent-schleier);border-color:var(--akzent);color:var(--akzent-hell)}.karte{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius-l)}.kopf{z-index:20;padding:var(--luft-l) var(--luft-l) var(--luft-m);background:linear-gradient(var(--grund) 72%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0}.kopf__zeile{align-items:center;gap:var(--luft-m);max-width:1400px;margin:0 auto;display:flex}.marke{letter-spacing:-.02em;align-items:baseline;gap:2px;font-size:22px;font-weight:700;display:flex}.marke__akzent{color:var(--akzent)}.suche{flex:1;min-width:0;position:relative}.suche__feld{width:100%;min-height:var(--touch);padding:0 var(--luft-l) 0 46px;border-radius:var(--radius-voll);background:var(--flaeche);border:1px solid var(--rand);outline:none;transition:border-color .15s}.suche__feld::placeholder{color:var(--text-leise)}.suche__feld:focus{border-color:var(--akzent)}.suche__icon{color:var(--text-leise);pointer-events:none;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.filterzeile{gap:var(--luft-s);scrollbar-width:none;padding:var(--luft-m) var(--luft-l) 0;max-width:1400px;margin:0 auto;display:flex;overflow-x:auto}.filterzeile::-webkit-scrollbar{display:none}.inhalt{max-width:1400px;padding:var(--luft-l) var(--luft-l) 140px;margin:0 auto}.raster{gap:var(--luft-l);grid-template-columns:repeat(auto-fill,minmax(230px,1fr));display:grid}.rezeptkarte{text-align:left;border-radius:var(--radius-l);background:var(--flaeche);border:1px solid var(--rand);flex-direction:column;padding:0;transition:transform .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.rezeptkarte:active{transform:scale(.98)}.rezeptkarte:hover{border-color:var(--rand-hell)}.rezeptkarte__flaeche{text-align:left;border-radius:inherit;flex-direction:column;flex:1;padding:0;display:flex;overflow:hidden}.rezeptkarte__flaeche:focus-visible{outline:2px solid var(--akzent);outline-offset:-2px}.rezeptkarte__bild{aspect-ratio:4/3;object-fit:cover;background:var(--flaeche-hoch);width:100%;display:block}.rezeptkarte__platzhalter{aspect-ratio:4/3;background:linear-gradient(140deg, var(--flaeche-hoch), var(--flaeche));color:var(--text-leise);place-items:center;display:grid}.rezeptkarte__text{padding:var(--luft-m);gap:var(--luft-xs);flex-direction:column;flex:1;display:flex}.rezeptkarte__titel{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:17px;font-weight:620;line-height:1.3;display:-webkit-box;overflow:hidden}.rezeptkarte__meta{color:var(--text-leise);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.herz{top:var(--luft-s);right:var(--luft-s);border-radius:var(--radius-voll);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:44px;height:44px;color:var(--text-gedaempft);background:#100d129e;place-items:center;transition:color .15s,background .15s;display:grid;position:absolute}.herz[aria-pressed=true]{color:var(--akzent)}.herz:hover{background:#100d12d9}.leer{place-items:center;gap:var(--luft-m);padding:80px var(--luft-l);text-align:center;color:var(--text-gedaempft);display:grid}.leer__titel{color:var(--text);font-size:21px}.leer__text{max-width:46ch;line-height:1.6}.detail__bild{object-fit:cover;border-radius:var(--radius-xl);width:100%;max-height:42vh;display:block}.detail__kopf{justify-content:space-between;align-items:flex-start;gap:var(--luft-m);margin:var(--luft-l) 0 var(--luft-s);flex-wrap:wrap;display:flex}.detail__titel{font-size:clamp(26px,3.4vw,38px);line-height:1.15}.detail__meta{gap:var(--luft-s);color:var(--text-gedaempft);margin-bottom:var(--luft-l);flex-wrap:wrap;font-size:15px;display:flex}.detail__spalten{gap:var(--luft-xl);grid-template-columns:minmax(260px,340px) 1fr;align-items:start;display:grid}@media (max-width:860px){.detail__spalten{gap:var(--luft-l);grid-template-columns:1fr}}.block__titel{letter-spacing:.09em;text-transform:uppercase;color:var(--text-leise);margin-bottom:var(--luft-m);font-size:13px;font-weight:700}.zutatenliste{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.zutat{gap:var(--luft-m);padding:var(--luft-s) 0;border-bottom:1px solid var(--rand);display:flex}.zutat:last-child{border-bottom:none}.zutat__menge{font-variant-numeric:tabular-nums;min-width:76px;color:var(--akzent);flex:none;font-weight:650}.zutat__name{color:var(--text)}.schrittliste{gap:var(--luft-m);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.schritt{gap:var(--luft-m);padding:var(--luft-m);background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius-m);display:flex}.schritt__nummer{border-radius:var(--radius-voll);background:var(--akzent-schleier);width:30px;height:30px;color:var(--akzent-hell);flex:none;place-items:center;font-size:14px;font-weight:700;display:grid}.koch{z-index:60;background:var(--grund);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.koch__kopf{align-items:center;gap:var(--luft-m);padding:var(--luft-m) var(--luft-l);border-bottom:1px solid var(--rand);display:flex}.koch__rezept{min-width:0;color:var(--text-gedaempft);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:15px;overflow:hidden}.koch__fortschritt{font-variant-numeric:tabular-nums;color:var(--akzent);font-size:17px;font-weight:700}.koch__balken{background:var(--rand);height:3px}.koch__balken-fuellung{background:var(--akzent);height:100%;transition:width .3s}.koch__buehne{padding:var(--luft-xl) var(--luft-l) var(--luft-l);gap:var(--luft-l);flex-direction:column;flex:1;width:100%;max-width:1100px;margin:0 auto;display:flex;overflow-y:auto}.koch__schritt{letter-spacing:-.01em;font-size:clamp(23px,3.1vw,34px);font-weight:500;line-height:1.38}.koch__zutaten{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius-l);padding:var(--luft-l)}.koch__zutaten-titel{letter-spacing:.09em;text-transform:uppercase;color:var(--akzent);margin-bottom:var(--luft-m);font-size:13px;font-weight:700}.koch__zutatenliste{gap:var(--luft-s) var(--luft-l);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin:0;padding:0;list-style:none;display:grid}.koch__zutat{gap:var(--luft-m);align-items:baseline;font-size:clamp(18px,2vw,22px);display:flex}.koch__zutat-menge{min-width:92px;color:var(--akzent);font-variant-numeric:tabular-nums;flex:none;font-weight:700}.koch__timerzeile{gap:var(--luft-m);flex-wrap:wrap;display:flex}.koch__fuss{gap:var(--luft-m);padding:var(--luft-m) var(--luft-l) var(--luft-l);border-top:1px solid var(--rand);background:var(--flaeche);display:flex}.koch__nav{border-radius:var(--radius-l);flex:1;min-height:86px;font-size:21px;font-weight:650}@media (orientation:landscape) and (min-width:900px){.koch__buehne{gap:var(--luft-l) var(--luft-xl);grid-template-rows:auto 1fr;grid-template-columns:1.25fr 1fr;align-content:start;max-width:1500px;display:grid}.koch__schritt{grid-column:1}.koch__timerzeile{grid-column:1;align-self:start}.koch__zutaten{grid-area:1/2/span 2;align-self:start}.koch__zutatenliste{grid-template-columns:1fr}}.timerkachel{align-items:center;gap:var(--luft-m);padding:var(--luft-s) var(--luft-m) var(--luft-s) var(--luft-l);border-radius:var(--radius-voll);background:var(--flaeche-hoch);border:1px solid var(--rand);min-height:62px;display:flex}.timerkachel--laeuft{border-color:var(--akzent);background:var(--akzent-schleier)}.timerkachel--abgelaufen{border-color:var(--warnung);background:#ffb45429;animation:1.1s ease-in-out infinite pochen}@keyframes pochen{0%,to{box-shadow:0 0 #ffb45466}50%{box-shadow:0 0 0 10px #ffb45400}}.timerkachel__zeit{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:25px;font-weight:700}.timerkachel__label{color:var(--text-gedaempft);font-size:14px}.timerkachel__aktion{border-radius:var(--radius-voll);width:44px;height:44px;color:var(--text-gedaempft);place-items:center;display:grid}.timerkachel__aktion:hover{background:var(--rand);color:var(--text)}.timerleiste{left:50%;bottom:calc(var(--luft-l) + env(safe-area-inset-bottom));z-index:50;gap:var(--luft-s);padding:var(--luft-s);border-radius:var(--radius-xl);border:1px solid var(--rand);box-shadow:var(--schatten);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);max-width:calc(100vw - 2 * var(--luft-l));scrollbar-width:none;background:#1a161deb;display:flex;position:fixed;overflow-x:auto;transform:translate(-50%)}.timerleiste::-webkit-scrollbar{display:none}.schleier{z-index:70;padding:var(--luft-l);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08060ab8;place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.dialog{width:min(620px,100%);max-height:min(86vh,900px);padding:var(--luft-xl);border-radius:var(--radius-xl);background:var(--flaeche);border:1px solid var(--rand);box-shadow:var(--schatten);overflow-y:auto}.dialog__titel{margin-bottom:var(--luft-s);font-size:24px}.dialog__text{color:var(--text-gedaempft);margin-bottom:var(--luft-l);line-height:1.6}.ablage{place-items:center;gap:var(--luft-m);padding:var(--luft-xl);border:2px dashed var(--rand-hell);border-radius:var(--radius-l);text-align:center;color:var(--text-gedaempft);transition:border-color .15s,background .15s;display:grid}.ablage--aktiv{border-color:var(--akzent);background:var(--akzent-schleier)}.bericht{margin:var(--luft-l) 0 0;gap:var(--luft-xs);flex-direction:column;padding:0;list-style:none;display:flex}.bericht__zeile{justify-content:space-between;gap:var(--luft-m);padding:var(--luft-s) 0;border-bottom:1px solid var(--rand);display:flex}.bericht__zahl{font-variant-numeric:tabular-nums;font-weight:700}.fortschrittsbalken{border-radius:var(--radius-voll);background:var(--rand);height:6px;overflow:hidden}.fortschrittsbalken__fuellung{background:var(--akzent);height:100%;transition:width .2s}.zeile{align-items:center;gap:var(--luft-m);display:flex}.zeile--enge{gap:var(--luft-s)}.wachs{flex:1}.nur-lesen{color:var(--text-gedaempft)}.aufklapper{border-top:1px solid var(--rand);padding-top:var(--luft-m);margin-top:var(--luft-m)}.aufklapper__knopf{align-items:center;gap:var(--luft-s);width:100%;min-height:var(--touch);color:var(--text-gedaempft);font-size:15px;font-weight:550;display:flex}.aufklapper__knopf:hover{color:var(--text)}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}