:root{--color-bg: #f8f3ea;--color-surface: #fffaf2;--color-surface-alt: #f0e7d9;--color-border: #d9cbbb;--color-border-strong: #322b25;--color-text: #29231f;--color-muted: #685a50;--color-accent: #a6402e;--color-accent-dk: #863322;--color-tag-bg: #eadccb;--color-tag-text: #483a30;--color-ingredient: #a6402e;--color-cookware: #315d73;--color-timer: #42704d;--font-sans: "DM Sans", system-ui, sans-serif;--font-serif: "Literata", Georgia, serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--max-width: 1320px}@media(prefers-color-scheme:dark){html:not([data-theme=light]){--color-bg: #201d1a;--color-surface: #2b2622;--color-surface-alt: #342d27;--color-border: #53483e;--color-border-strong: #e9ddcd;--color-text: #f3eadf;--color-muted: #c0ad9b;--color-accent: #f09979;--color-accent-dk: #f5ab8f;--color-tag-bg: #43362f;--color-tag-text: #f0ddc8;--color-ingredient: #f09979;--color-cookware: #90c5db;--color-timer: #a0d4a1}}html[data-theme=dark]{--color-bg: #201d1a;--color-surface: #2b2622;--color-surface-alt: #342d27;--color-border: #53483e;--color-border-strong: #e9ddcd;--color-text: #f3eadf;--color-muted: #c0ad9b;--color-accent: #f09979;--color-accent-dk: #f5ab8f;--color-tag-bg: #43362f;--color-tag-text: #f0ddc8;--color-ingredient: #f09979;--color-cookware: #90c5db;--color-timer: #a0d4a1}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100dvh;display:flex;flex-direction:column}main{flex:1}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}a:hover{color:var(--color-accent)}.site-header{padding:1.25rem 1.5rem;border-bottom:2px solid var(--color-border-strong);background:var(--color-bg);position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between}.site-title{font-size:.875rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text)}.site-title:hover{color:var(--color-accent)}.back-btn{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-sans);font-size:.9rem;font-weight:700;letter-spacing:-.01em;color:var(--color-text);transition:color .1s,transform .15s ease}.back-btn:hover{color:var(--color-accent)}.back-btn:active{transform:translate(-2px)}.back-icon{width:1.1rem;height:1.1rem;flex-shrink:0}.theme-toggle{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;color:var(--color-muted);cursor:pointer;transition:border-color .1s,color .1s;flex-shrink:0}.theme-toggle:hover{border-color:var(--color-border-strong);color:var(--color-text)}.theme-toggle svg{width:1rem;height:1rem}.icon-sun{display:none}.icon-moon{display:block}html[data-theme=dark] .icon-sun,html[data-theme=dark] .icon-moon{display:none}html[data-theme=dark] .icon-sun{display:block}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .icon-sun{display:block}html:not([data-theme=light]) .icon-moon{display:none}}.site-footer{padding:1.5rem;border-top:1px solid var(--color-border);font-size:.75rem;font-weight:500;letter-spacing:.04em;color:var(--color-muted);text-transform:uppercase}.site-footer a{color:var(--color-muted)}.site-footer a:hover{color:var(--color-accent)}.tag{display:inline-block;background:var(--color-tag-bg);color:var(--color-tag-text);font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.25em .6em;border-radius:var(--radius-sm);white-space:nowrap;line-height:1.8;transition:background .1s,color .1s}a.tag:hover{background:var(--color-accent);color:#fff;text-decoration:none}.token-ingredient{color:var(--color-ingredient);font-weight:600}.token-cookware{color:var(--color-cookware);font-style:italic}.token-timer{color:var(--color-timer);font-weight:600;white-space:nowrap}.token-timer:before{content:"⏱ "}.step-note{border-left:1px solid var(--color-accent);padding:.5rem 1rem;margin:.5rem 0;color:var(--color-muted);font-style:italic;background:var(--color-surface-alt)}html{accent-color:var(--color-accent)}::selection{background:var(--color-accent);color:var(--color-surface)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}label.check-row{display:flex;align-items:center;gap:.6rem;cursor:pointer}.site-header{position:relative;padding:1rem clamp(1rem,4vw,3rem);border-bottom:1px solid var(--color-border)}.site-title{font-family:var(--font-serif);font-size:clamp(1.3rem,3vw,1.65rem);font-weight:700;letter-spacing:-.03em;text-transform:none}.theme-toggle{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--color-surface)}.site-footer{padding:2rem clamp(1rem,4vw,3rem);text-transform:none;letter-spacing:0;font-size:.8rem}.tag{font-size:.7rem;letter-spacing:.03em;text-transform:none;border-radius:999px;padding:.3em .8em}a.tag:hover{background:var(--color-accent);color:var(--color-surface)}.step-note{border-left:1px solid var(--color-accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0}