*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;background-color:#f0f0f0;display:flex;flex-direction:column;align-items:center;min-height:100vh}.header{width:100%;max-width:100%;text-align:center;padding:env(safe-area-inset-top) 10px 10px;box-sizing:border-box;z-index:2}.button-c{background-color:#28a745;color:#fff;padding:10px 20px;font-size:16px;z-index:2}.button-w{background-color:red;color:#f0f0f0;padding:10px 20px;font-size:16px;z-index:2}.button-y{background-color:#ff0;color:#333;padding:10px 20px;font-size:16px;z-index:2}.button-container{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;z-index:2;padding:10px}.toast{visibility:hidden;min-width:250px;margin-left:-125px;background-color:#333;color:#fff;text-align:center;border-radius:2px;padding:16px;position:fixed;z-index:1;left:50%;bottom:30px;font-size:17px;transition:visibility .5s,opacity .5s ease;opacity:0}.toast.show{visibility:visible;opacity:1}.modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:#000000b3}.modal-content{background-color:#fff;padding:2rem;margin:15% auto;border-radius:5px;width:80%;max-width:500px;text-align:center;font-size:1.2rem;font-family:sans-serif}.textdiv{text-align:left;font-size:1.2rem;line-height:1.2;padding-top:max(env(safe-area-inset-top),20px);padding-right:20px;padding-bottom:20px;padding-left:20px}.textdiv h1{font-size:2rem;margin-bottom:1rem}.textdiv h2{font-size:1.5rem;margin-bottom:.8rem}input[type=text],input[type=number],select{font-size:1.1rem;padding:.6rem;width:100%;max-width:500px;margin-bottom:1rem;border-radius:8px;border:1px solid #ccc}input[type=checkbox]{transform:scale(1.5);margin-right:.5rem}label{font-size:1.1rem}input[type=range]{width:100%;max-width:500px;height:2rem}#fatigue+span{font-size:1.3rem;margin-left:1rem}