:root{font-family:ui-rounded,'Trebuchet MS',Arial,sans-serif;color:#294b32;font-size:16px;background:#fbf3df}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 0 55%,#dce8bd70,transparent 38%),radial-gradient(ellipse at 100% 25%,#f3d79155,transparent 36%)}header{max-width:1100px;margin:auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:88px}header img{width:126px;height:60px;object-fit:contain;display:block}header span{font-weight:800}a{color:#39715e}button{font:inherit;cursor:pointer;color:inherit;border:1px solid #dfd4b5;border-radius:16px;background:#fffaf0;padding:12px 18px;min-height:48px}button:hover{background:#edf3e7;border-color:#39715e}button:focus-visible,a:focus-visible{outline:3px solid #c06a31;outline-offset:4px}button:disabled{cursor:default;opacity:.72}main{max-width:1100px;margin:auto;padding:0 24px 24px}.hero{display:flex;flex-direction:column-reverse;overflow:hidden;border:1px solid #e2d1aa;border-radius:28px;background:#fff9eb;box-shadow:0 7px 0 #e9ddc3,0 16px 40px #5d562012;margin:8px 0 35px}.hero img{width:100%;height:auto;aspect-ratio:1.91;object-fit:cover}.hero>div{width:100%;padding:24px 30px}.eyebrow{font-size:.68rem;font-weight:bold;letter-spacing:.15em;color:#587239}h1{font-size:clamp(25px,3.2vw,36px);line-height:1.12;margin:10px 0}h1 br{display:none}em{font-style:normal;color:#ce621e}p{line-height:1.6}.hero p{margin:8px 0;color:#60704e;font-size:.9rem}.label{display:inline-block;font-size:.75rem;font-weight:800;background:#edf0dc;border-radius:20px;padding:10px 16px;margin-top:8px}.section-title,.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title span{font-size:.85rem}.recipes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.recipe{display:flex;flex-direction:column;text-align:left;gap:12px;padding:22px;background:#fffdf4;box-shadow:0 4px 0 #e9ddc3}.recipe .icon{font-size:3rem;align-self:center;background:#f5e9cc;border-radius:50%;padding:16px}.recipe small{color:#61704e}.recipe strong{font-size:1.05rem}.recipe.done{border-color:#39715e}#kitchen{background:#fffdf4;border:1px solid #e2d1aa;border-radius:26px;padding:28px;box-shadow:0 7px 0 #e9ddc3}.phases{display:flex;list-style:none;padding:0;gap:10px;flex-wrap:wrap;counter-reset:phase}.phases li{padding:10px 14px;border-radius:25px;background:#eeeede;font-size:.85rem;counter-increment:phase}.phases li:before{content:counter(phase) ' · '}.phases li.active{background:#39715e;color:white}.grandma{background:#f4eacb;padding:18px;border-radius:4px 20px 20px 20px}.choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.choices button{display:flex;flex-direction:column;gap:10px;align-items:center;padding:20px;overflow-wrap:anywhere}.choices .icon{font-size:2.4rem}.selected{background:#e1efdf!important;border:2px solid #39715e}.primary{background:linear-gradient(#f4872d,#df641d);color:#fff;border:0;font-weight:800;box-shadow:0 4px 0 #ae4c1b}.primary:hover{background:#d96520}#feedback{min-height:30px;color:#81502e}.order{display:grid;gap:12px}.order button{text-align:left}.bench{text-align:center;background:repeating-linear-gradient(0deg,#f5e7cf,#f5e7cf 38px,#efe0c5 40px);padding:30px;border-radius:20px}.big-icon{font-size:5rem;display:block;margin:12px}.meter{max-width:350px;width:100%;height:18px;accent-color:#39715e;margin:20px auto;display:block}.finish{text-align:center;padding:30px}.finish h3{font-size:2rem}.finish button{margin:6px}aside{margin-top:35px;border-top:1px solid #dfdfcc;padding:25px 0;font-size:.85rem}footer{text-align:center;color:#68776a;padding:25px;font-size:.8rem}[hidden]{display:none!important}@media(max-width:760px){header{padding:12px 16px;font-size:.8rem}header span{max-width:125px;text-align:center}header img{width:88px;height:44px}header button{padding:10px}.hero>div{padding:20px}.recipes{grid-template-columns:repeat(2,minmax(0,1fr))}main{padding:0 16px 18px}.choices{grid-template-columns:repeat(2,minmax(0,1fr))}#kitchen{padding:18px}.toolbar{align-items:stretch;flex-direction:column}.section-title{align-items:center}.recipe{padding:15px}.recipe .icon{font-size:2.4rem}.phases{gap:5px}.phases li{padding:8px;font-size:.75rem}.bench{padding:18px}.finish{padding:15px}}@media(prefers-reduced-motion:no-preference){button{transition:background .2s,transform .2s}button:active{transform:scale(.97)}}