:root{color-scheme:light dark;--ink:#1c1a16;--ink-soft:#55503f;--ink-faint:#7d7768;--bg:#fbf9f5;--surface:#fff;--surface-sunk:#f4f1ea;--line:#e6e1d6;--line-strong:#d5cec0;--accent:#2f7a4f;--accent-ink:#fff;--accent-soft:#e7f2ea;--accent-line:#bcd9c6;--focus:#1f6feb;--radius:14px;--radius-sm:9px;--shadow:0 1px 2px #1c1a160f,0 6px 18px -12px #1c1a1638;--shadow-lift:0 2px 6px #1c1a1614,0 18px 36px -20px #1c1a164d;--gutter:clamp(1rem,4vw,2.5rem);--page:74rem;--reading:38rem;--font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-display:ui-serif,Georgia,"Iowan Old Style","Times New Roman",serif}@media (prefers-color-scheme:dark){:root{--ink:#f1eee6;--ink-soft:#b8b3a5;--ink-faint:#918c7e;--bg:#141513;--surface:#1c1d1a;--surface-sunk:#232420;--line:#2f302b;--line-strong:#3d3e37;--accent:#74c493;--accent-ink:#10251a;--accent-soft:#1d2a22;--accent-line:#2f4a3a;--focus:#7aa7ff;--shadow:0 1px 2px #0006,0 6px 18px -12px #0009;--shadow-lift:0 2px 6px #00000073,0 18px 36px -20px #000000b3}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:1rem;line-height:1.6}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:600;line-height:1.15}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}img{max-width:100%;display:block}a{color:inherit;text-decoration-color:var(--accent-line);text-underline-offset:.18em}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.skip-link{z-index:100;position:absolute;left:-9999px}.skip-link:focus{background:var(--surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-lift);padding:.6rem 1rem;top:1rem;left:1rem}.main{max-width:var(--page);padding-inline:max(var(--gutter),env(safe-area-inset-left));margin-inline:auto;padding-block:clamp(1.5rem,4vw,3rem) 4rem}.section+.section{margin-top:clamp(2rem,5vw,3.5rem)}.section__title{border-bottom:1px solid var(--line);margin-bottom:1rem;padding-bottom:.5rem;font-size:clamp(1.25rem,2.5vw,1.6rem)}.site-header{z-index:20;background:color-mix(in srgb,var(--bg)86%,transparent);backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0}.site-header__inner{max-width:var(--page);padding:.7rem max(var(--gutter),env(safe-area-inset-left));flex-wrap:wrap;align-items:center;gap:1rem;margin-inline:auto;display:flex}.brand{align-items:center;gap:.65rem;min-height:44px;text-decoration:none;display:flex}.brand__mark{font-size:1.5rem;line-height:1}.brand__text{flex-direction:column;display:flex}.brand__name{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.1rem;font-weight:600}.brand__tag{letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint);font-size:.72rem}.nav{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:.35rem;margin-left:auto;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav__link{white-space:nowrap;color:var(--ink-soft);border-radius:999px;align-items:center;min-height:40px;padding:0 .9rem;font-size:.92rem;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s;display:inline-flex}.nav__link:hover{background:var(--surface-sunk);color:var(--ink)}.nav__link[aria-current]{background:var(--accent);color:var(--accent-ink)}.hero{max-width:44rem;margin-bottom:clamp(1.5rem,4vw,2.5rem)}.hero__title{margin-bottom:.6rem;font-size:clamp(1.9rem,6vw,3rem)}.hero__lede{color:var(--ink-soft);text-wrap:pretty;font-size:clamp(1rem,2.2vw,1.14rem)}.hero--tight{margin-bottom:1.5rem}.controls{flex-direction:column;gap:.85rem;margin-bottom:clamp(1.5rem,4vw,2.25rem);display:flex}.search{align-items:center;display:flex;position:relative}.search__icon{color:var(--ink-faint);pointer-events:none;font-size:1.15rem;position:absolute;left:1rem}.search__input{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);box-shadow:var(--shadow);border-radius:999px;width:100%;min-height:50px;padding:0 1rem 0 2.6rem;transition:border-color .15s,box-shadow .15s}.search__input::placeholder{color:var(--ink-faint)}.search__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.search__input::-webkit-search-cancel-button{cursor:pointer}.chips{flex-wrap:wrap;gap:.4rem;display:flex}.chip{white-space:nowrap;color:var(--ink-soft);background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;gap:.4rem;min-height:38px;padding:0 .8rem;font-size:.86rem;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.chip:hover{border-color:var(--line-strong);color:var(--ink)}.chip--on{background:var(--accent-soft);border-color:var(--accent-line);color:var(--ink);font-weight:600}.chip--more{color:var(--accent);border-style:dashed;font-weight:600}.chip--more:hover{border-color:var(--accent);color:var(--accent)}.chip__label{text-transform:capitalize}.chip__count{font-variant-numeric:tabular-nums;color:var(--ink-faint);font-size:.74rem}.chip--on .chip__count{color:var(--accent)}.controls__status{color:var(--ink-faint);align-items:center;gap:.75rem;font-size:.86rem;display:flex}.linkish{color:var(--accent);text-underline-offset:.2em;padding:0;font-size:.86rem;font-weight:600;text-decoration:underline}.button{color:var(--accent-ink);background:var(--accent);border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 1.25rem;font-weight:600;text-decoration:none;display:inline-flex}.frame{background:var(--surface-sunk);border-radius:var(--radius);position:relative;overflow:hidden}.frame__img{object-fit:cover;width:100%;height:100%}.frame--empty{place-items:center;display:grid}.frame__placeholder{opacity:.35;font-size:2rem}.frame--card{aspect-ratio:4/3;border-radius:0}.frame--card.frame--empty{aspect-ratio:auto;border-bottom:1px solid var(--line);height:3.5rem}.frame--card.frame--empty .frame__placeholder{opacity:.3;font-size:1.1rem}.frame--hero{aspect-ratio:16/9;box-shadow:var(--shadow);max-height:26rem;margin-bottom:clamp(1.5rem,4vw,2.5rem)}.frame--gallery{aspect-ratio:4/3}.frame--item{border-radius:var(--radius-sm);flex:none;width:84px;height:84px}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:clamp(1rem,2.5vw,1.5rem);display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);height:100%;transition:transform .18s,box-shadow .18s,border-color .18s;overflow:hidden}.card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-lift);transform:translateY(-3px)}.card__link{flex-direction:column;height:100%;text-decoration:none;display:flex}.card__body{flex-direction:column;flex:auto;gap:.4rem;padding:1rem 1.1rem 1.15rem;display:flex}.card__title{text-wrap:balance;font-size:1.14rem}.card__desc{-webkit-line-clamp:2;line-clamp:2;color:var(--ink-soft);-webkit-box-orient:vertical;font-size:.92rem;display:-webkit-box;overflow:hidden}.card__meta{color:var(--ink-faint);font-variant-numeric:tabular-nums;font-size:.78rem}.card__tags{flex-wrap:wrap;gap:.35rem;padding-top:.35rem;display:flex}.tag{text-transform:capitalize;color:var(--ink-soft);background:var(--surface-sunk);border-radius:999px;padding:.15rem .55rem;font-size:.72rem}.crumbs{margin-bottom:1rem}.crumbs__back{color:var(--ink-soft);font-size:.9rem;font-weight:500;text-decoration:none}.crumbs__back:hover{color:var(--accent)}.recipe__head{max-width:46rem;margin-bottom:clamp(1.25rem,3vw,1.75rem)}.recipe__title{text-wrap:balance;margin-bottom:.55rem;font-size:clamp(1.8rem,5.5vw,2.75rem)}.recipe__desc{color:var(--ink-soft);text-wrap:pretty;font-size:clamp(1rem,2.2vw,1.12rem)}.recipe__facts{color:var(--ink-faint);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:.4rem 1rem;margin-top:.9rem;font-size:.85rem;display:flex}.recipe__facts li{align-items:center;gap:.5rem;display:flex}.recipe__facts li+li:before{content:"·";color:var(--line-strong)}.recipe__tags{flex-wrap:wrap;gap:.35rem;margin-top:.85rem;display:flex}.recipe__body{align-items:start;gap:clamp(1rem,3vw,1.75rem);display:grid}@media (width>=60rem){.recipe__body{grid-template-columns:21rem 1fr}.panel--ingredients{position:sticky;top:5.25rem}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(1rem,2.5vw,1.4rem)}.panel+.panel,.recipe__body+.panel{margin-top:clamp(1rem,3vw,1.75rem)}.panel__title{margin-bottom:.2rem;font-size:1.2rem}.panel__hint{color:var(--ink-faint);margin-bottom:.85rem;font-size:.78rem}.ingroup+.ingroup{border-top:1px solid var(--line);margin-top:1.15rem;padding-top:1.15rem}.ingroup__title{font-family:var(--font);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:.5rem;font-size:.74rem;font-weight:700}.ing__button{text-align:left;border-radius:var(--radius-sm);align-items:flex-start;gap:.7rem;width:100%;min-height:44px;padding:.4rem .35rem;transition:background-color .12s;display:flex}.ing__button:hover{background:var(--surface-sunk)}.ing__box{border:1.5px solid var(--line-strong);border-radius:5px;flex:none;width:18px;height:18px;margin-top:.28rem;transition:background-color .12s,border-color .12s}.ing__button--on .ing__box{background:var(--accent);border-color:var(--accent)}.ing__button--on .ing__box:after{content:"";border:solid var(--accent-ink);border-width:0 2px 2px 0;width:4px;height:9px;margin:1px auto 0;display:block;transform:rotate(45deg)}.ing__text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.ing__button--on .ing__text{color:var(--ink-faint);text-decoration:line-through}.ing__name{font-weight:600;line-height:1.35}.ing__qty{color:var(--accent);font-variant-numeric:tabular-nums;font-size:.88rem}.ing__button--on .ing__qty{color:inherit}.ing__notes{color:var(--ink-faint);font-size:.8rem}.steps{counter-reset:step}.step+.step{margin-top:.3rem}.step__button{text-align:left;border-radius:var(--radius-sm);align-items:flex-start;gap:.85rem;width:100%;padding:.6rem .4rem;transition:background-color .12s;display:flex}.step__button:hover{background:var(--surface-sunk)}.step__n{font-variant-numeric:tabular-nums;color:var(--accent);background:var(--accent-soft);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:.82rem;font-weight:700;transition:background-color .12s,color .12s;display:grid}.step--on .step__n{color:var(--accent-ink);background:var(--accent)}.step__text{min-width:0}.step--on .step__lead{color:var(--ink-faint);text-decoration:line-through}.step__detail{color:var(--ink-soft);margin-top:.4rem;padding-left:1rem;font-size:.9rem}.step__detail li{padding-left:.85rem;position:relative}.step__detail li:before{content:"";background:var(--line-strong);border-radius:50%;width:5px;height:5px;position:absolute;top:.7em;left:0}.notes li{color:var(--ink-soft);padding-left:1.1rem;position:relative}.notes li+li{margin-top:.5rem}.notes li:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:.72em;left:0}.notes--tight{margin-top:.4rem;font-size:.85rem}.equipment__item{flex-wrap:wrap;align-items:baseline;gap:.15rem .6rem;padding:.55rem 0;display:flex}.equipment__item+.equipment__item{border-top:1px solid var(--line)}.equipment__item a{color:var(--accent);font-weight:600;text-decoration:none}.equipment__item a:hover{text-decoration:underline}.equipment__desc{color:var(--ink-faint);font-size:.86rem}.item__out{opacity:.7;margin-left:.25rem;font-size:.75em}.gallery{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1rem;margin-top:clamp(1rem,3vw,1.75rem);display:grid}.recipe__source{color:var(--ink-faint);margin-top:1.5rem;font-size:.85rem}.stack{flex-direction:column;gap:.75rem;display:flex}.rowlink{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem 1.25rem;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:block}.rowlink:hover{border-color:var(--line-strong);box-shadow:var(--shadow-lift);transform:translateY(-2px)}.rowlink__title{margin-bottom:.3rem;font-size:1.2rem}.rowlink__desc{color:var(--ink-soft);text-wrap:pretty;font-size:.94rem}.rowlink__meta{color:var(--ink-faint);margin-top:.5rem;font-size:.78rem}.item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);gap:1rem;padding:1rem 1.1rem;display:flex}.item__body{min-width:0}.item__name{margin-bottom:.2rem;font-size:1.05rem}.item__name a{color:var(--accent);text-decoration:none}.item__name a:hover{text-decoration:underline}.item__desc{color:var(--ink-soft);text-wrap:pretty;font-size:.92rem}.prose{max-width:var(--reading);margin-inline:auto}.prose__title{text-wrap:balance;margin-bottom:.4rem;font-size:clamp(1.8rem,5.5vw,2.5rem)}.prose__meta{color:var(--ink-faint);margin-bottom:1.75rem;font-size:.82rem}.prose__p{color:var(--ink-soft);text-wrap:pretty;font-size:1.05rem}.prose__p+.prose__p{margin-top:1.1rem}.empty{text-align:center;flex-direction:column;align-items:center;gap:.65rem;padding:clamp(2.5rem,8vw,5rem) 1rem;display:flex}.empty__mark{font-size:2.5rem}.empty__title{font-size:1.4rem}.empty__body{color:var(--ink-soft);max-width:30rem}.empty .button{margin-top:.75rem}.site-footer{max-width:var(--page);padding:2rem max(var(--gutter),env(safe-area-inset-left))calc(2.5rem + env(safe-area-inset-bottom));border-top:1px solid var(--line);text-align:center;margin-inline:auto}.site-footer__line{color:var(--ink-faint);font-variant-numeric:tabular-nums;font-size:.85rem}.site-footer__fine{margin-top:.35rem;font-size:.78rem}@media print{.site-header,.site-footer,.crumbs,.controls,.panel__hint,.skip-link,.gallery{display:none!important}body{color:#000;background:#fff;font-size:11pt}.main{max-width:none;padding:0}.recipe__body{display:block}.panel{box-shadow:none;break-inside:auto;background:0 0;border:0;margin-top:1.25rem;padding:0}.frame--hero{box-shadow:none;max-height:7cm}.ing,.step{break-inside:avoid}.panel__title,.ingroup__title{break-after:avoid}.ing__box,.step__n{border-color:#666}a{text-decoration:none}}