.app{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2em;width:100vw;height:100vh;font-family:Verdana}.btn{border:none;padding:1em;width:100%;border-radius:9px;flex-grow:1}.btn-primary{color:#fff;font-size:1rem;background-color:orange}.btn-primary:disabled{background-color:#111;border-bottom:2px solid #222222;outline:none;color:#222}.btn-group{display:flex;justify-content:center;align-items:center;gap:.2em;width:fit-content;--border-radius: 8px}.btn-group button{background-color:#333;border:none;color:#fff;padding:1em;font-size:18pt;display:flex;justify-content:center;align-items:center}.btn-group button:first-child{border-radius:var(--border-radius) 0 0 var(--border-radius)}.btn-group button:last-child{border-radius:0 var(--border-radius) var(--border-radius) 0}button svg{fill:#0f0;width:1em;height:1em}button:disabled svg{fill:#444}.flex{display:flex;gap:1em;width:100%}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.bring-instruction{font-size:6em;color:#fff;font-family:Arial}.reps{display:flex;gap:.1em;box-sizing:border-box;max-width:100%;user-select:none;-webkit-user-select:none}.reps.disabled .rep{color:#555}.rep{width:.5em;height:2em;border-radius:.1em;background-color:#444;color:#fff;display:flex;justify-content:center;align-items:center;line-height:1em;box-sizing:border-box}.rep-is-hold{background-color:#666}.rep-is-done{background-color:#0f0;color:#fff}.rep-in-progress{border:1px solid #00ff00;transition:background-color 6s linear}.sally-number{font-size:6em}.hidden{display:none}