:root{color-scheme:light;--ink:#243c36;--green:#335c4c;--paper:#f7f2e8;--muted:#69786e;--line:#d9ded0}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-rounded,'Trebuchet MS',system-ui,sans-serif}main{max-width:1020px;padding:38px 28px;margin:auto}button,select,input{font:inherit}button{min-height:44px;padding:10px 18px;border:1px solid var(--line);border-radius:12px;background:#fffdf6;color:var(--ink);cursor:pointer}button:hover{background:#e8efdf;border-color:#6b896b}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #d88c37;outline-offset:3px}button:disabled{opacity:.4;cursor:default}button[aria-pressed=true],.primary{background:var(--green);color:white;border-color:var(--green)}header{display:flex;align-items:center;gap:18px;margin-bottom:30px}header>button{margin-left:auto}.seal{background:#d9e5c8;border-radius:50%;width:62px;height:62px;display:grid;place-items:center;font:italic bold 29px Georgia}h1{font:42px Georgia,serif;margin:5px 0;font-weight:400;letter-spacing:-1.5px}h2{font:25px Georgia;margin:0}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:bold;margin:0;color:var(--muted)}nav{display:flex;gap:8px;margin-bottom:20px}#ribbon{font-size:12px;margin-left:8px;opacity:.8}.stage{border:1px solid var(--line);border-radius:25px;padding:24px;background:#eef0df;position:relative;text-align:center}.stageTop{display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:var(--muted)}#face{display:block;white-space:pre;font-family:system-ui,sans-serif;font-size:clamp(24px,5vw,55px);line-height:1.8;min-height:130px;padding:25px 0 0;overflow:auto;overflow-wrap:anywhere;max-width:100%}.shadow{width:140px;height:12px;background:#40513b14;border-radius:50%;margin:0 auto 26px}.copylabel{display:block;font-size:11px;color:var(--muted);margin:10px}#copytext{display:block;max-width:100%;width:330px;margin:auto auto 18px;text-align:center;border:1px dashed #9faa92;border-radius:8px;padding:10px;background:#fafbf3;color:var(--ink)}.tools{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}#status{font-size:13px;min-height:20px;margin:18px 0 0}.sectionTitle{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:32px 0 17px}.sectionTitle p{font-size:12px;color:var(--muted);margin:0}#ingredients{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.part{padding:16px;border:1px solid var(--line);border-radius:15px;background:#fffdf8}.partTop{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:8px}.partTop label{font-size:13px;font-weight:bold}.lock{display:flex;align-items:center;font-size:11px;color:var(--muted);min-height:28px;cursor:pointer;gap:3px}.lock input{width:17px;height:17px;accent-color:var(--green)}select{width:100%;height:48px;border:1px solid var(--line);background:#f7f7ee;border-radius:9px;color:var(--ink);font-size:23px;padding:4px 10px}.part:has(input:checked){border-color:#78946a;background:#f0f5e7}.collection{margin-top:30px}#gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.saved{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fffdf8;min-width:0}.saved .load{width:100%;border:0;background:none;font-size:24px;white-space:pre;overflow:auto}.saved .remove{display:block;margin:8px auto 0;font-size:11px;padding:5px 12px;min-height:32px}#empty{font-size:14px;color:var(--muted)}footer{border-top:1px solid var(--line);margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted)}#recipePanel{background:#fff9e9;border:1px solid #e2d4af;border-radius:20px;padding:24px;margin-bottom:16px}#recipePanel p:not(.eyebrow){font-size:13px;color:var(--muted)}#recipeName{margin-top:7px}#target{text-align:center;font-size:40px;min-height:80px;padding:12px;font-family:system-ui;white-space:pre;overflow:auto}.recipeActions{display:flex;justify-content:center;gap:8px}#check{background:#eacb85;border-color:#d5b46c}dialog{border:1px solid var(--line);border-radius:22px;max-width:480px;padding:30px;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#203b3270}dialog p{font-size:15px;line-height:1.6}[hidden]{display:none!important}@media(max-width:650px){main{padding:22px 16px}header{gap:10px;flex-wrap:wrap}h1{font-size:30px}.eyebrow{font-size:8px;letter-spacing:1px}.seal{width:44px;height:44px;font-size:23px}header>button{font-size:12px;padding:8px 12px}#ingredients{grid-template-columns:repeat(2,1fr)}.sectionTitle{align-items:start;flex-direction:column;gap:6px}#gallery{grid-template-columns:repeat(2,1fr)}.stage{padding:18px 12px}#face{font-size:30px;min-height:115px;overflow:auto}.tools button{font-size:13px;padding:10px 12px}footer{flex-direction:column}#target{font-size:29px}nav button{font-size:13px;padding:10px 12px}.recipeActions button{font-size:12px;padding:8px 10px}}
