:root{--ink:#10272C;--cream:#E8D9BA;--amber:#E2A34F;--sage:#658E82;--coral:#C97059}*{box-sizing:border-box}html{background:var(--ink);color:var(--cream);-webkit-tap-highlight-color:transparent;scrollbar-color:var(--sage) var(--ink)}body{margin:0;font:17px/1.55 'Segoe UI',Arial,sans-serif}::selection{background:var(--amber);color:var(--ink)}header,footer{max-width:1240px;margin:auto;display:flex;justify-content:space-between;gap:20px;padding:30px 40px}.brand{font:700 27px Georgia,serif;letter-spacing:-1px}.brand-dot{color:var(--amber)}.header-note,footer{font-size:13px}main{max-width:1160px;margin:40px auto 80px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;padding:0 28px}.intro{padding-top:30px}h1{font:normal clamp(40px,4.7vw,64px)/1.09 Georgia,serif;letter-spacing:-.035em;margin:0 0 28px}h1 em{font-weight:normal;color:var(--amber)}.intro>p{font-size:19px}.plate{width:min(340px,85%);display:block;margin:22px 0 0}.intro .intro-note{font-size:14px;color:var(--cream)}.paper{background:var(--cream);color:var(--ink);padding:34px 36px 28px;border-radius:12px;scroll-margin-top:16px;min-width:0;box-shadow:0 18px 40px #06141640}.progress{display:flex;gap:7px;margin-bottom:25px}.progress span{height:4px;flex:1;background:#10272C25}.progress .done{background:var(--ink)}.step-label{font-size:13px;margin:0 0 16px}h2{font:normal 34px/1.13 Georgia,serif;letter-spacing:-.025em;margin:0 0 14px;text-wrap:balance}h2:focus{outline:none}h2:focus-visible{outline:2px solid var(--ink);outline-offset:6px}.note{font-size:15px;margin:0 0 26px;max-width:36ch}.options{display:grid;gap:12px}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer;user-select:none;-webkit-user-select:none;transition:background 120ms ease-out,transform 120ms ease-out}button:active{transform:scale(.985)}.option{position:relative;text-align:left;min-height:81px;background:transparent;border:1px solid #10272C80;border-radius:8px;padding:13px 44px 13px 18px;color:var(--ink);width:100%}.option>span:first-child{display:block;font-size:20px;font-weight:600}.option small{display:block;font-size:13px}.option[aria-pressed=true]{background:#10272C12;border:2px solid var(--ink)}.arrow{position:absolute;right:19px;top:23px;font-size:23px}.small{font-size:13px;line-height:1.5}.help{margin:23px 0 0}.condition{margin:20px 0}.back{display:block;background:transparent;border:0;color:var(--ink);padding:12px 0;min-height:48px;text-decoration:underline;text-underline-offset:4px;margin-top:12px}.primary{background:var(--ink);color:var(--cream);border:0;border-radius:6px;padding:15px 20px;min-height:52px;width:100%;font-weight:600;margin-top:20px}button:focus-visible,a:focus-visible{outline:3px solid var(--coral);outline-offset:4px}h3{font:normal 23px Georgia,serif;margin:26px 0 12px}.recipe-meta{font-size:14px;margin:0 0 20px}.prerequisite{background:#10272C0C;padding:15px;border-radius:6px;font-size:14px}.prerequisite p{margin:5px 0 0}ul,ol{padding-left:23px;font-size:15px}li{padding-left:3px;margin-bottom:9px}.substitution{font-size:14px;padding-top:12px;border-top:1px solid #10272C40}.count{text-align:center;margin:10px 0 0}.invite{border-top:1px solid #10272C40;margin-top:24px;padding-top:18px;font-size:13px}.invite p{font-family:Georgia,serif;font-size:19px;line-height:1.3}.invite a{color:var(--ink);font-weight:600;display:inline-block;min-height:44px;padding:10px 0;text-underline-offset:4px}footer{border-top:1px solid #E8D9BA40;padding-bottom:calc(25px + env(safe-area-inset-bottom));color:var(--cream)}.skip{position:absolute;top:-100px;left:20px;background:var(--cream);color:var(--ink);padding:10px;z-index:2}.skip:focus{top:10px}@media(hover:hover) and (pointer:fine){.option:hover{background:#10272C0C}.primary:hover{background:#25464B}.back:hover{color:#704122}}@media(max-width:800px){header{padding:23px 23px 10px}.header-note{display:none}main{display:block;margin:23px auto 45px;padding:0 20px;max-width:540px}.intro{padding-top:0;position:relative}.intro h1{font-size:43px;max-width:360px}.intro>p{font-size:16px;margin-bottom:25px}.plate,.intro-note{display:none!important}.paper{padding:26px 24px}.paper h2{font-size:30px}footer{margin:0 20px;padding:20px 0;display:block}footer span{display:block;margin-bottom:5px}}@media(prefers-reduced-motion:no-preference){.prerequisite{animation:arrive 180ms ease-out}@keyframes arrive{from{transform:translateY(5px);opacity:.8}to{transform:translateY(0);opacity:1}}}@media(max-width:359px){main{padding:0 14px}.paper{padding:24px 18px}.intro h1{font-size:37px}}
@media(prefers-reduced-motion:reduce){button{transition:none}button:active{transform:none}}
.ingredient-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ingredient-grid .option{padding:12px;min-height:82px}.ingredient-grid .option>span:first-child{font-size:17px;line-height:1.25}.ingredient-grid .option small{font-size:12px;line-height:1.4;margin-top:6px}.ingredient-grid .arrow{display:none}.option-preview{margin-top:9px;line-height:1.5;padding-right:2px}.food-safety{font-size:14px}.food-safety h3{font-size:20px}.next-preview{font-size:13px;margin-top:24px;padding:15px;background:#10272C0C;border-radius:6px}.next-preview p{margin:6px 0 0}.next-preview+.primary{margin-top:12px}.recipe-art{display:block;width:90px;height:63px;margin:0 0 18px}.condition{margin:0 0 20px}.recipe-meta{margin-bottom:8px}
.recipe-heading{padding:0 0 20px;margin-bottom:16px;border-bottom:1px solid #10272C40}.recipe-heading .recipe-art{width:104px;height:73px;margin-bottom:16px}.recipe-heading h2{font-size:38px;line-height:1.12;margin-bottom:20px}.recipe-heading .recipe-meta{display:inline-block;background:var(--ink);color:var(--cream);border-radius:5px;padding:7px 11px;margin:0;font-size:14px}.recipe-heading+.small{margin-bottom:20px}@media(max-width:800px){.paper .recipe-heading h2{font-size:34px}}@media(max-width:359px){.paper .recipe-heading h2{font-size:31px}}