body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#fff;color:#f4a944;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body,html{overflow-x:hidden;width:100%}.blinking{animation:blink 1s infinite;font-size:2rem;font-weight:700;margin:.5rem;min-width:30%}@keyframes blink{0%{color:#115934}50%{color:#f4a944}to{color:#115934}}@keyframes gentle-rotate{0%{transform:rotate(0deg)}50%{transform:rotate(5deg)}to{transform:rotate(0deg)}}.rotating-image{animation:gentle-rotate 1s ease-in-out infinite}.image,.rotating-image{bottom:8%;box-sizing:border-box;position:absolute;right:0;width:10%}.main-box{display:flex;flex-wrap:nowrap;justify-content:space-between}.section-box{text-align:center}.mobil-section-box,.section-box{border-left:1px dotted #f4a944;min-height:50vh;min-width:40vw;position:relative;width:100%}.done-box,.mobile-done-box{border-left:1px dotted #f4a944;min-height:25vh;min-width:20vw;text-align:center}.listbox{display:grid;grid-template-columns:repeat(2,1fr)}.done-listbox{display:flex;flex-wrap:wrap;justify-content:space-evenly}.input-box{align-items:stretch;display:flex;justify-content:center}.progress-title{background-color:#f4a944;color:#115934;font-size:1.5rem;margin:0;padding:1rem;text-align:center}.serving-title{background-color:#115934}.done-title,.serving-title{color:#f4a944;font-size:1.5rem;margin:0;padding:1rem;text-align:center}.done-title{background-color:#0b3921}.left-number{color:#f4a944}.left-number,.right-number{font-size:2rem;font-weight:700;margin:.5rem;min-width:30%}.right-number{color:#115934}.done-number{color:#09390f67;font-size:1rem;font-weight:700;margin:.5rem;min-width:20%}@media (max-width:768px){.main-box{flex-wrap:wrap}.left-number,.right-number{font-size:2rem}.done-number{font-size:1rem}.done-title,.progress-title,.serving-title{font-size:1.5rem;padding:1rem}.blinking{font-size:2rem}.rotating-image{animation:gentle-rotate 1s ease-in-out infinite}.image,.rotating-image{bottom:8%;box-sizing:border-box;position:absolute;right:0;width:15%}.section-box{min-height:25vh;position:relative;width:100%}.done-box{max-width:25vw}.done-number{color:#09390f67;font-size:.8rem}}@media (min-width:769px) and (max-width:1190px){.left-number,.right-number{font-size:2rem}.done-number{font-size:1rem}.done-title,.progress-title,.serving-title{font-size:1.5rem}.blinking{font-size:2rem}.rotating-image{animation:gentle-rotate 1s ease-in-out infinite}.image,.rotating-image{bottom:8%;box-sizing:border-box;position:absolute;right:0;width:10%}}@media (min-width:1190px) and (max-width:1370px){.left-number,.right-number{font-size:3rem}.done-number{font-size:1rem}.done-title,.progress-title,.serving-title{font-size:1.5rem}.blinking{font-size:3rem}.rotating-image{animation:gentle-rotate 1s ease-in-out infinite}.image,.rotating-image{bottom:8%;box-sizing:border-box;position:absolute;right:0;width:10%}}.add-out-box{background-color:#09390f7b;border-bottom:1px dotted #ccc;bottom:0;box-sizing:border-box;display:flex;justify-content:center;padding:20px 0;position:sticky;right:0}.add-input{border:1px solid #fff;border-radius:6px 0 0 6px;box-sizing:border-box;padding:0 10px}.add-button,.add-input{font-size:1rem;height:40px}.add-button{align-items:center;background-color:#f4a944;border:1px solid #f4a944;border-radius:0 6px 6px 0;color:#09390f;cursor:pointer;display:flex;justify-content:center;padding:0 16px}.radio{background-color:#fff;border-radius:.3rem;color:#09390f;font-weight:700;margin-bottom:1rem;text-align:center}.radio span{font-size:1.2rem}.radio label{margin:0 1rem}.radio input{margin-right:.5rem}.radio input[type=radio]{-webkit-appearance:none;appearance:none;border:2px solid #115934;border-radius:50%;cursor:pointer;height:1rem;outline:none;transition:background-color .3s,border-color .3s;width:1rem}.radio input[type=radio]:checked{background-color:#f4a944;border-color:#115934}.sound{background-color:initial;border:1px solid #f4a944;border-radius:50%;bottom:1rem;box-sizing:border-box;color:#f4a944;font-size:1rem;height:1.5rem;position:fixed;right:1rem;text-align:center;width:1.5rem;z-index:1}.sound,body,html{margin:0;padding:0}body,html{background-color:#fff;color:#115934;height:100%}.layout{align-items:center;display:flex;flex-direction:column;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;height:100vh;justify-content:center}.container{font-family:Arial,sans-serif;margin:50px auto;text-align:center;width:300px}.title{font-size:4.5rem;font-weight:700;margin:2rem 0;text-align:center;width:100vw}.form{display:flex;flex-direction:column;gap:15px}.input-group{text-align:left}.input{box-sizing:border-box;margin-top:5px;padding:8px;width:100%}.button{background-color:#115934;border:none;border-radius:5px;color:#f4a944;cursor:pointer;font-weight:700;padding:10px}.button:hover{background-color:#0056b3}.message{font-size:16px;margin-top:20px}