*{margin:0;padding:0;font-family:Roboto,sans-serif;box-sizing:border-box;box-shadow:none}html,body{width:100%;height:100%}div.page{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;height:100%;background-color:#fff;color:#3e4095}div.wrapper{display:flex;max-width:400px;width:100%;flex-direction:column;padding:1rem 0}div.heading{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;gap:.5rem;margin-bottom:2rem;padding:0 1rem}div.heading img{width:120px;height:auto}div.heading h2{font-size:2rem}h3{font-weight:400}div.heading h4{font-weight:600;line-height:1.5}div#scanner{max-width:400px;width:100%}input{color:#3e4095}div#textbox{max-width:400px;display:flex;flex:1}div#textbox input{max-width:300px;flex:1;font-size:30px;border:1px solid silver;outline:none;padding:10px;margin:0}div#textbox button{flex:1;font-size:30px;background-color:#3e4095;color:#fff;cursor:pointer;margin:0;padding:0;border:0}.form-section{display:flex;flex-direction:column;gap:1.25rem;padding:0 1rem}.field-row{display:flex;flex-direction:column;gap:1rem}.field{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem}.field label{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#3e4095}.stepper{display:flex;align-items:center;border:2px solid #3e4095;border-radius:12px;overflow:hidden;width:100%}.stepper button{width:48px;height:48px;font-size:1.25rem;font-weight:700;border:none;background:#f0f0f8;color:#3e4095;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;user-select:none}.stepper button:active{background:#3e4095;color:#fff}.stepper input{flex:1;text-align:center;font-size:1.5rem;font-weight:700;border:none;outline:none;padding:.5rem 0;background:transparent;-moz-appearance:textfield}.stepper input::-webkit-inner-spin-button,.stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.total-display{text-align:center;font-size:1.25rem;color:#3e4095;padding:.75rem;background:#f0f0f8;border-radius:12px}.total-display strong{font-size:1.5rem}.submit-btn{width:100%;padding:1rem;font-size:1.125rem;font-weight:700;background:#3e4095;color:#fff;border:none;border-radius:12px;cursor:pointer;-webkit-tap-highlight-color:transparent}.submit-btn:active:not(:disabled){background:#2d2e6e}.submit-btn:disabled{opacity:.5;cursor:not-allowed}div#counter{text-align:center}h1#count{font-size:60px}.count-breakdown{display:flex;justify-content:center;gap:2rem;margin:1.5rem 0}.count-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.count-value{font-size:2rem;font-weight:700}.count-label{font-size:.875rem;font-weight:400;text-transform:uppercase;letter-spacing:.05em;opacity:.8}div#information{margin-bottom:50px;display:flex;flex:1;flex-direction:column;align-items:center}div#loading{text-align:center}div#close{display:flex;flex:1;align-items:center;justify-content:center;margin-top:2rem}div#close button{font-size:18px;background:white;color:red;border:none;padding:.5rem;cursor:pointer}div#close button:hover{background:red;color:#fff;align-items:center;justify-content:center}