:root{--red:#a6192e;--dark-red:#791326;--navy:#172b3c;--ink:#172b3c;--muted:#66737b;--cream:#f8f3e9;--paper:#fffdfa;--line:#e5ded2;--gold:#e9b455}
*{box-sizing:border-box}html{scroll-behavior:smooth}[hidden]{display:none!important}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.awning{height:9px;background:repeating-linear-gradient(90deg,var(--red) 0 75px,var(--cream) 75px 82px,var(--navy) 82px 157px,var(--cream) 157px 164px)}.awning:after{display:none}.hero{background:var(--red);color:white;position:relative;overflow:hidden;text-align:left;padding:65px max(32px,calc((100vw - 1180px)/2)) 0;min-height:410px}.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 39px,rgba(255,255,255,.035) 40px 41px);pointer-events:none}.hero:after{content:"";position:absolute;right:max(35px,calc((100vw - 1140px)/2));top:36px;width:310px;height:310px;border:2px dashed rgba(255,255,255,.24);border-radius:50%}.eyebrow{position:relative;z-index:1;font-family:"Barlow Condensed",sans-serif;font-size:.9rem;font-weight:800;letter-spacing:.2em;margin:0 0 20px;color:#f6d5d7}.eyebrow span{color:var(--gold);padding:0 12px}h1,h2,.badge,.praise,footer strong{font-family:"Barlow Condensed",sans-serif}h1{position:relative;z-index:1;font-size:clamp(5rem,9vw,8.5rem);font-weight:800;line-height:.74;letter-spacing:-.02em;margin:0 0 26px}h1 em{font-style:normal;color:var(--gold)}.tagline{position:relative;z-index:1;max-width:480px;color:#f7e4e4;font-size:1rem;line-height:1.6;margin:0 0 52px}.hero-pizza{position:absolute;z-index:1;right:max(70px,calc((100vw - 1080px)/2));top:79px;width:235px;height:235px;display:grid;place-items:center;font-size:145px;line-height:1;background:#f1ce80;border:13px solid #d99049;border-radius:50%;box-shadow:0 18px 0 rgba(89,12,26,.4),inset 0 0 0 7px #f6b961;transform:rotate(-15deg)}.hero-rule{position:relative;z-index:2;display:flex;justify-content:space-between;max-width:1180px;border-top:1px solid rgba(255,255,255,.27);padding:14px 0 18px;font-family:"Barlow Condensed",sans-serif;font-size:.86rem;font-weight:800;letter-spacing:.17em;color:#f6d4d7}
main{max-width:1180px;margin:0 auto;padding:58px 25px 80px;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}main>.inputs-card{grid-column:1}main>.inputs-card:nth-of-type(1){grid-row:1}main>.inputs-card:nth-of-type(2){grid-row:2}main>.inputs-card:nth-of-type(3){grid-row:3}#results{grid-column:2;grid-row:1/4;display:grid;gap:20px}main>#mamaMessage{grid-column:2}.card{background:var(--paper);border:1px solid var(--line);border-radius:5px;padding:25px;box-shadow:0 4px 0 #eae2d6;margin:0}h2{display:flex;align-items:center;gap:15px;font-size:1.9rem;line-height:1;text-transform:uppercase;margin:0 0 20px;border-bottom:1px solid var(--line);padding-bottom:17px}h2 small{font-family:"DM Sans",sans-serif;font-size:.79rem;font-weight:500;text-transform:none;color:var(--muted);line-height:1.35;margin-left:auto;text-align:right;max-width:130px}.badge{background:var(--red);color:#fff;display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border-radius:3px;font-size:1.4rem;font-weight:800}.control-row{margin:20px 0 0}.control-label{display:block;font-weight:700;font-size:.9rem;margin-bottom:9px}.hint{color:var(--muted);font-size:.8rem;font-weight:400;margin-left:8px}.stepper{display:flex;align-items:center;gap:15px;margin-bottom:10px}.step-btn{width:42px;height:42px;border:1px solid var(--line);border-radius:3px;background:#f3eadf;color:var(--red);font-size:1.55rem;line-height:1}.step-btn:hover{background:#eadbc8}.stepper output{font-family:"Barlow Condensed",sans-serif;color:var(--navy);font-size:2.3rem;font-weight:800;min-width:64px;text-align:center;line-height:1}input[type=range]{display:block;width:100%;accent-color:var(--red);cursor:pointer}.ball-row{color:var(--red);letter-spacing:.25em;font-size:1.1rem;min-height:1.5em;overflow:hidden}.pill-group{display:flex;flex-wrap:wrap;gap:8px}.pill{background:#f6f1e8;color:var(--ink);border:1px solid #ddd5c9;border-radius:3px;padding:10px 13px;font-weight:700;font-size:.82rem}.pill:hover{border-color:var(--red)}.pill.selected{background:var(--navy);border-color:var(--navy);color:#fff}.ratio-label{color:var(--red);font-weight:700}.flour-note{background:#f7f1e7;border-left:3px solid var(--gold);border-radius:0;color:var(--muted);padding:10px 12px;margin:19px 0 0;font-size:.83rem;line-height:1.5}.window-note{margin-top:10px;font-weight:700;color:var(--red);font-size:.85rem;min-height:1.3em}.mama-message{background:var(--gold);padding:15px}
.ingredient-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ingredient{display:grid;grid-template-columns:30px 1fr;column-gap:8px;align-items:center;background:#f8f4ec;border:1px solid #ece5d9;border-radius:3px;padding:11px}.ingredient .emoji{grid-row:span 2;font-size:1.3rem}.ingredient .amount{font-family:"Barlow Condensed",sans-serif;color:var(--navy);font-size:1.55rem;font-weight:800;line-height:1}.ingredient .name{color:var(--muted);font-size:.72rem;line-height:1.25;margin-top:3px}.ingredient:last-child{background:var(--navy);border-color:var(--navy)}.ingredient:last-child .amount,.ingredient:last-child .name{color:white}.recipe-footnote{color:var(--muted);font-size:.73rem;line-height:1.4;margin:13px 0 0}.timeline{list-style:none;margin:0;padding:0}.timeline li{display:flex;gap:13px;position:relative;padding:0 0 20px;border:0}.timeline li:not(:last-child):before{content:"";position:absolute;left:18px;top:38px;bottom:0;width:2px;background:#e8ddd0}.timeline li:last-child{padding-bottom:0}.step-emoji{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;background:#f6eee5;border:1px solid #eadfce;border-radius:50%;font-size:1.1rem;z-index:1;box-shadow:none}.step-body{padding-top:1px;font-size:.86rem;line-height:1.4}.step-body strong{font-family:"DM Sans",sans-serif;font-weight:800;font-size:.86rem}.step-time{color:var(--red);font-family:"DM Sans",sans-serif;font-weight:800;font-size:.86rem}.step-detail{color:var(--muted);font-size:.79rem;margin-top:3px}.cold-retard{display:flex;gap:11px;margin-top:19px;padding:12px;background:#edf2f4;border-left:3px solid var(--navy);border-radius:0;color:var(--navy);font-size:.82rem}.cold-emoji{font-size:1.4rem}.cold-retard p{color:var(--muted);line-height:1.4;margin:3px 0 0}.praise{background:var(--navy);color:white;padding:19px 24px;border-radius:4px;margin:0;box-shadow:none;animation:none;text-align:left;display:flex;flex-direction:column;gap:3px}.praise span{font-size:.8rem;color:var(--gold);letter-spacing:.17em}.praise strong{font-size:1.6rem;text-transform:uppercase}
footer{background:var(--navy);color:#bbc6cb;text-align:center;padding:25px 15px}.checker-band.bottom{display:none}footer p{margin:0;font-size:.78rem;letter-spacing:0;font-weight:400}footer strong{font-size:1.2rem;color:white;letter-spacing:.05em}
@media(max-width:900px){.hero{padding:55px 30px 0}.hero-pizza{right:40px;width:190px;height:190px;font-size:110px}.hero:after{right:20px;width:270px;height:270px;top:26px}main{grid-template-columns:1fr;padding:42px 22px 60px}main>.inputs-card,main>.inputs-card:nth-of-type(1),main>.inputs-card:nth-of-type(2),main>.inputs-card:nth-of-type(3),#results,main>#mamaMessage{grid-column:1;grid-row:auto}}
@media(max-width:600px){.hero{padding:43px 18px 0;min-height:0}.eyebrow{font-size:.72rem;letter-spacing:.13em}.eyebrow span{padding:0 4px}h1{font-size:clamp(4.5rem,18vw,6.7rem)}.tagline{font-size:.88rem;max-width:100%;margin-bottom:24px}.hero-pizza{position:relative;width:125px;height:125px;font-size:70px;border-width:7px;right:auto;top:auto;margin:0 auto 32px}.hero:after{width:170px;height:170px;right:calc(50% - 85px);top:auto;bottom:51px}.hero-rule{font-size:.67rem;padding:12px 0}main{padding:32px 14px 50px;gap:15px}#results{gap:15px}.card{padding:18px}h2{font-size:1.55rem;gap:9px}h2 small{font-size:.68rem;max-width:96px}.badge{width:37px;height:37px;font-size:1.12rem}.ingredient-grid{gap:7px}.ingredient{grid-template-columns:23px 1fr;padding:9px 7px;column-gap:5px}.ingredient .amount{font-size:1.23rem}.ingredient .name{font-size:.67rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.timing-note{color:var(--muted);font-size:.77rem;line-height:1.5;margin:14px 0 0}.share-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.action-btn{background:var(--red);color:#fff;border:1px solid var(--red);border-radius:3px;padding:10px 13px;font-size:.78rem;font-weight:800}.action-btn:hover{background:var(--dark-red)}.action-btn-secondary{background:var(--paper);color:var(--red)}.action-btn-secondary:hover{background:#f7eee5}.copy-status{color:var(--muted);font-size:.76rem;margin:8px 0 0;min-height:1.2em}