.batch-lab{margin:2.75rem 0;padding:clamp(1rem,3vw,1.65rem);border:2px solid #0b2d26;border-radius:22px;background:#fffdf7;box-shadow:7px 7px 0 #c9f23d}.batch-lab-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.batch-lab-heading h2{margin:.15rem 0 .5rem}.batch-lab-badge{flex:none;padding:.5rem .7rem;border-radius:999px;background:#0b2d26;color:#fff;font-size:.75rem;font-weight:800}.batch-lab-form{margin-top:1.35rem}.batch-control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.batch-control-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.batch-control-grid label{display:grid;gap:.5rem;font-size:.84rem;font-weight:800}.batch-control-grid input,.batch-control-grid select{width:100%}.batch-control-grid input[type=date],.batch-control-grid input[type=time],.batch-control-grid select{min-height:48px;padding:.65rem;border:1px solid #8ba69e;border-radius:10px;background:#fff}.batch-control-grid input[type=range]{accent-color:#ff6948}.batch-result{margin-top:1.2rem;padding:1rem;border-radius:16px;background:#0b2d26;color:#fff}.batch-result>span{display:block;color:#c9f23d;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.batch-result>strong{display:block;margin:.3rem 0;font-size:clamp(1.55rem,5vw,2.25rem)}.batch-result p{margin:0;color:#e8f1ed}.batch-stack{display:flex;height:22px;margin-top:1rem;overflow:hidden;border-radius:999px;background:#d9e4df}.batch-stack span{min-width:2px;transition:width .2s ease}.batch-stack .is-base{background:#4168e8}.batch-stack .is-growth{background:#c9f23d}.batch-reset{margin-top:1rem}.batch-check{display:flex;align-items:center;gap:.65rem;margin-top:1rem;font-weight:750}.batch-check input{width:22px;height:22px;accent-color:#ff6948}.batch-error{margin:.75rem 0 0;color:#9d241d;font-weight:750}.age-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:.5rem;margin-top:1rem}.age-steps span{padding:.8rem;border:1px solid #b9cbc5;border-radius:12px;text-align:center;font-size:.78rem}.age-steps b{display:block;margin:auto auto .3rem;width:1.7rem;height:1.7rem;border-radius:50%;background:#c9f23d;line-height:1.7rem}.age-steps i{font-style:normal;font-weight:900}.time-track{position:relative;height:28px;margin-top:1rem;overflow:hidden;border-radius:999px;background:#dbe5e1}.time-track span,.time-track i{position:absolute;inset-block:0;left:0;transition:width .2s ease}.time-track span{background:#4168e8}.time-track i{left:auto;right:0;background:#f6bf3c}.paint-wall{position:relative;display:grid;place-items:center;height:150px;margin-top:1rem;border:8px solid #0b2d26;background:#ff9f9a}.paint-wall span{position:absolute;right:12%;bottom:0;width:24%;height:58%;border:5px solid #0b2d26;border-bottom:0;background:#fffdf7}.paint-wall b{position:relative;padding:.35rem .55rem;background:#fffdf7;border-radius:8px}.wallpaper-roll{position:relative;display:flex;gap:.55rem;align-items:stretch;height:150px;margin-top:1rem;padding:1rem;border-radius:16px;background:#e6d8ef;overflow:hidden}.wallpaper-roll span{flex:1;border:2px solid #0b2d26;background:repeating-linear-gradient(135deg,#fffdf7 0 12px,#c9f23d 12px 24px)}.wallpaper-roll b{position:absolute;right:1.2rem;bottom:1.2rem;padding:.35rem .55rem;border-radius:8px;background:#0b2d26;color:#fff}.recipe-scale{display:grid;gap:.65rem;margin-top:1rem}.recipe-scale span{display:flex;align-items:center;min-height:38px;padding:.45rem .7rem;border-radius:8px;font-weight:800}.recipe-scale .is-original{width:55%;background:#dfe7e4}.recipe-scale .is-scaled{max-width:100%;background:#c9f23d;transition:width .2s ease}.recipe-scale b{white-space:nowrap}@media(max-width:720px){.batch-lab{border-radius:16px;box-shadow:4px 4px 0 #c9f23d}.batch-lab-heading{display:block}.batch-lab-badge{display:inline-block;margin-top:.4rem}.batch-control-grid,.batch-control-grid-two{grid-template-columns:1fr}.age-steps{grid-template-columns:1fr}.age-steps i{transform:rotate(90deg);text-align:center}.paint-wall,.wallpaper-roll{height:125px}}