:root{--bg: #0f1115;--bg-elev-1:#12141a;--bg-elev-2:#161922;--text:#e6eaf2;--muted:#a7b0c0;--brand:#4da3ff;--brand-strong:#1c84ff;--accent:#5affc1;--danger:#ff5470;--warning:#ffca45;--outline:#2a2f3a;--shadow: 0 8px 24px rgba(0,0,0,.25);--font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--fs-1: clamp(1.8rem, 1.6rem + 1vw, 2.6rem);--fs-2: 1.125rem;--fs-3: .875rem;--content-max: 1200px;--gutter: clamp(12px, 1.2vw, 20px);--radius: 16px;--radius-sm: 12px;--radius-lg: 24px;--ring: 0 0 0 3px color-mix(in oklab, var(--brand) 35%, transparent);--ring-strong: 0 0 0 4px color-mix(in oklab, var(--brand) 65%, transparent)}@media (prefers-color-scheme: light){:root{--bg:#f7f9fc;--bg-elev-1:#ffffff;--bg-elev-2:#f0f3f9;--text:#0f1222;--muted:#56607a;--brand:#1f6fff;--brand-strong:#0f5ae6;--accent:#0bbf7a;--outline:#e6e9f2;--shadow: 0 10px 30px rgba(16,24,40,.1)}}*{box-sizing:border-box}html,body{height:100%}body.app{margin:0;font-family:var(--font);color:var(--text);background:radial-gradient(1200px 800px at 20% -10%,color-mix(in oklab,var(--brand) 8%,transparent),transparent),radial-gradient(1000px 600px at 120% 20%,color-mix(in oklab,var(--accent) 8%,transparent),transparent),var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;display:block}button,input,select{font:inherit;color:inherit}button{background:none;border:1px solid var(--outline);border-radius:12px;padding:.55rem .8rem;cursor:pointer}button:hover{border-color:color-mix(in oklab,var(--brand) 40%,var(--outline))}button:focus-visible{outline:none;box-shadow:var(--ring)}.app__header{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:saturate(1.2) blur(8px);backdrop-filter:saturate(1.2) blur(8px);background:color-mix(in oklab,var(--bg-elev-2) 70%,transparent);border-bottom:1px solid var(--outline)}.app__header>*{max-width:var(--content-max);margin-inline:auto;padding-inline:var(--gutter)}.app__title{font-size:var(--fs-1);letter-spacing:.2px;margin:16px 0 8px}.controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:8px 0 16px}.search__input{flex:1 1 320px;min-width:220px;background:var(--bg-elev-1);border:1px solid var(--outline);border-radius:14px;padding:.65rem .9rem}.search__input:focus{outline:none;box-shadow:var(--ring)}.search__clear{line-height:1}.control--checkbox{display:flex;align-items:center;gap:.5rem}.control--select{border-radius:12px;border:1px solid var(--outline);padding:.5rem .75rem;background:var(--bg-elev-1)}.control--reload{border-color:transparent;background:linear-gradient(180deg,var(--brand),var(--brand-strong));color:#fff}.control--reload:hover{filter:saturate(1.05) brightness(1.02)}.app__meta{display:flex;gap:12px;align-items:center;padding:0 0 12px;color:var(--muted)}.status--error{color:var(--danger)}.results{max-width:var(--content-max);margin:20px auto 80px;padding-inline:var(--gutter);display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.results__sentinel{height:1px}.card{background:linear-gradient(180deg,color-mix(in oklab,var(--bg-elev-1) 95%,transparent),var(--bg-elev-1));border:1px solid var(--outline);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 16px 40px #00000040;border-color:color-mix(in oklab,var(--brand) 35%,var(--outline))}.card:focus-within{outline:none;box-shadow:var(--ring-strong)}.recipe__header{display:flex;justify-content:space-between;align-items:center;padding:14px 14px 6px}.recipe__title{margin:0;font-size:1.05rem;line-height:1.35}.recipe__meta{display:flex;gap:8px;align-items:center;color:var(--muted)}.recipe__index{font-variant-numeric:tabular-nums;background:color-mix(in oklab,var(--brand) 10%,transparent);border:1px solid var(--outline);padding:.15rem .4rem;border-radius:8px}.recipe__copy,.recipe__toggle{padding:.4rem .6rem;border-radius:10px}.recipe__copy{border-color:color-mix(in oklab,var(--accent) 45%,var(--outline))}.recipe__copy:hover{border-color:var(--accent)}.recipe__body{padding:0 14px 14px}.recipe__raw{margin:0;font-family:var(--mono);font-size:.9rem;line-height:1.35;white-space:pre-wrap;background:color-mix(in oklab,var(--bg-elev-1) 85%,transparent);border:1px dashed var(--outline);border-radius:12px;padding:12px}.recipe__structured{margin-top:10px}.recipe__sections{display:grid;grid-template-columns:1fr;gap:10px}.recipe__ingredientsList,.recipe__methodList{margin:6px 0 0 1.1em;padding:0}.recipe__ingredientsList li{margin:.2rem 0}.recipe__methodList li{margin:.28rem 0}mark.highlight{background:color-mix(in oklab,var(--accent) 25%,transparent);color:inherit;padding:.05em .15em;border-radius:.25em}[dir=rtl]{direction:rtl}[dir=rtl] .recipe__ingredientsList,[dir=rtl] .recipe__methodList{margin:6px 1.1em 0 0}.count{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}@media print{:root{--bg:#fff;--text:#000;--outline:#d7dbe5}body{background:#fff;color:#000}.app__header{position:static;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-color:#d7dbe5}.results{grid-template-columns:repeat(2,1fr);gap:12px;margin:0}.card{break-inside:avoid;box-shadow:none}}button,.search__clear,.control--reload,.recipe__copy,.recipe__toggle{min-height:44px}@supports (padding: max(0px)){body.app{padding-left:max(env(safe-area-inset-left),0px);padding-right:max(env(safe-area-inset-right),0px)}.app__header{padding-top:max(env(safe-area-inset-top),0px)}}@media (max-width: 900px){:root{--content-max: 100%}.app__title{font-size:clamp(1.4rem,1.2rem + 2vw,2rem);margin:12px 0 6px}.controls{gap:8px}.results{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:12px auto 56px}.recipe__header{flex-direction:column;align-items:flex-start;gap:6px}}@media (max-width: 680px){:root{--gutter: 16px;--radius: 14px}.app__header>*{padding-inline:var(--gutter)}.controls{flex-direction:column;align-items:stretch;gap:10px}.search__input{flex:0 1 auto;min-width:100%;padding:.7rem .9rem}.app__meta{flex-wrap:wrap;row-gap:6px}.card{border-radius:var(--radius)}.recipe__raw{font-size:.875rem;padding:10px}.recipe__copy,.recipe__toggle,.search__clear,.control--reload{padding:.65rem .9rem;border-radius:12px}}@media (max-width: 420px){:root{--gutter: 12px}.results{grid-template-columns:1fr;padding-inline:var(--gutter);gap:10px}.recipe__title{font-size:1rem}.recipe__ingredientsList,.recipe__methodList{margin:6px 0 0 1em}}.panel{max-width:var(--content-max);margin:16px auto;padding:0 var(--gutter)}.panel__title{margin:8px 0 12px;font-size:1.1rem}.form{display:grid;gap:10px;background:var(--bg-elev-1);border:1px solid var(--outline);border-radius:var(--radius);padding:14px}.input{background:transparent;border:1px solid var(--outline);border-radius:12px;padding:.65rem .8rem;color:var(--text)}.input:focus{outline:none;box-shadow:var(--ring)}.input--textarea{min-height:160px;white-space:pre-wrap}.form__actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{border:1px solid var(--outline);border-radius:12px;padding:.6rem .9rem;cursor:pointer}.btn--primary{border-color:transparent;background:linear-gradient(180deg,var(--brand),var(--brand-strong));color:#fff}.btn--secondary{background:var(--bg-elev-2)}.btn--ghost{background:transparent}.app__header-inner{max-width:var(--content-max);margin-inline:auto;padding-inline:var(--gutter);display:flex;justify-content:space-between;align-items:center}@media (max-width: 680px){.form{padding:12px;border-radius:14px}.btn,.input{min-height:44px}.panel{padding:0 16px}}.card[role=button]{cursor:pointer}.card[role=button]:focus-visible{outline:none;box-shadow:var(--ring-strong)}.input{text-align:start}.input[dir=rtl]::placeholder{direction:rtl;text-align:start}.input[dir=ltr]::placeholder{direction:ltr;text-align:start}