html,body{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}html{font-size:62.5%;font-family:Arial,Helvetica,sans-serif}body{min-width:320px}body.lock{height:100vh;overflow:hidden;touch-action:none}body .nowrap{white-space:nowrap}#alertOverlay{position:fixed;top:0;left:0;background-color:#000000a6;width:100%;height:100vh;z-index:1000;transition:all .5s}#alertOverlay #alertContent{position:fixed;top:50%;left:50%;background-color:#ccc;font-size:1.6rem;padding:32px 40px;min-width:200px;transform:translate(-50%,-50%);border-radius:9px;box-shadow:2px 2px 4px #222;transition:all .5s}#alertOverlay .alertClose{position:absolute;top:0;right:0;background:none;margin:0;padding:0;width:35px;height:35px;border:none;transition:all .2s;cursor:pointer}#alertOverlay .alertClose:focus{background-color:#bbb}.workout-bkgd{background-color:#021323;height:100vh;padding-top:2.5rem;box-sizing:border-box}.workout-bkgd:has(.active-set){background-color:#0c550e}.workout-bkgd .about-btn{position:absolute;top:3px;right:3px;display:flex;justify-content:center;background-color:transparent;color:#b1b1b1;font-size:3rem;line-height:1;height:35px;width:35px;border:none;border-radius:6px}.workout-bkgd .about-btn:hover,.workout-bkgd .about-btn:focus{background-color:#065091}.workout-bkgd *{box-sizing:border-box}.workout-timer{display:flex;flex-direction:column;gap:2rem;background-color:#021323;color:#b1b1b1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;padding:1rem 2rem;margin:0 auto;min-height:calc(100vh - 2.5rem);width:100%;max-width:600px}.workout-timer:has(.active-set){background-color:#0c550e}.workout-timer h1{background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(to right bottom,#80dfe1,#4e7afa);color:transparent;font-size:3rem;text-transform:uppercase;font-weight:900;letter-spacing:1px;word-spacing:5px;text-align:center;line-height:1;margin:1rem auto 0;transform:skew(-20deg)}.workout-timer .toolbar{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem}.workout-timer time{display:block;background-color:#0a0e12;color:#85c0f8;text-transform:uppercase;text-align:center;font-size:1.4rem;font-weight:700;padding:1rem;width:20rem;border-radius:9px}.workout-timer button{display:flex;justify-content:center;align-items:center;background-color:#67adee;color:#f8f8ff;font-size:1.8rem;font-weight:900;padding:1.3rem 1.6rem;margin:1rem auto 0;cursor:pointer;border-radius:9px;border:none}.workout-timer button.btn-sound{display:inline-flex;background:transparent;color:unset;font-size:3rem;margin:0;padding:0;height:3.6rem;width:3.6rem}.workout-timer button:hover,.workout-timer button:focus{background-color:#307abf}.workout-timer button[disabled]{cursor:not-allowed;opacity:50%}.workout-timer form{display:flex;flex-direction:column;justify-content:center;flex-grow:1;gap:5vh;margin:2rem auto}.workout-timer form div{display:flex;flex-direction:column;align-items:center;gap:.75rem}.workout-timer form label{display:block;font-size:2rem;font-weight:500}.workout-timer form select{font-family:inherit;font-size:1.6rem;padding:.6rem;border:1px solid #999;border-radius:5px}.workout-timer form spacer{flex-grow:1}.workout-timer form input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;width:15rem}.workout-timer form input[type=range]:focus{outline:none}.workout-timer form input[type=range]::-webkit-slider-runnable-track{background-color:#053a5f;border-radius:.5rem;height:.5rem}.workout-timer form input[type=range]::-webkit-slider-runnable-progress{background-color:#67adee}.workout-timer form input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-.8rem;background-color:#67adee;height:2rem;width:2rem;border-radius:50%}.workout-timer form input[type=range]:focus::-webkit-slider-thumb{border:1px solid #053a5f;outline:3px solid #053a5f;outline-offset:.125rem}.workout-timer form input[type=range]::-moz-range-track{background-color:#053a5f;border-radius:.5rem;height:.5rem}.workout-timer form input[type=range]::-moz-range-progress{background-color:#67adee}.workout-timer form input[type=range]::-moz-range-thumb{border:none;background-color:#67adee;height:2rem;width:2rem;border-radius:50%}.workout-timer form input[type=range]:focus::-moz-range-thumb{border:1px solid #053a5f;outline:3px solid #053a5f;outline-offset:.125rem}.workout-timer form input[type=range]::-ms-track{background-color:#053a5f;border-radius:.5rem;height:.5rem}.workout-timer form input[type=range]::-ms-fill-lower{background:#67adee}.workout-timer form input[type=range]:focus::-ms-fill-lower{background:#67adee}.workout-timer form input[type=range]::-ms-fill-upper{background-color:#053a5f}.workout-timer form input[type=range]:focus::-ms-fill-upper{background-color:#053a5f}.workout-timer form input[type=range]::-ms-thumb{border:none;background-color:#67adee;height:2rem;width:2rem;border-radius:50%}.workout-timer form input[type=range]:focus::-ms-thumb{border:1px solid #053a5f;outline:3px solid #053a5f;outline-offset:.125rem}.workout-timer .footer{flex-grow:1}.workout-timer .footer .start-btns{display:flex;justify-content:center;align-items:center;gap:1rem}.workout-timer .footer .start-btns .btn-start{flex-basis:50%}.workout-timer section{background-color:#0a0e12;margin-top:1.6rem;padding:1.6rem;border-radius:9px}.workout-timer section.working{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:2rem;height:60vh}.workout-timer section.working p{font-size:5rem}.workout-timer section.working p span{display:block}.workout-timer section.working h3{font-size:3rem;text-align:center;margin:1rem auto 0}.workout-timer section.working div p{font-size:8rem}.workout-timer section p{background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(to right bottom,#80dfe1,#6d91fd);color:transparent;font-size:3.6rem;font-weight:900;font-style:italic;text-align:center;margin:0}.workout-timer section div{display:flex;align-items:center;justify-content:center;gap:3rem;margin-top:1rem}.workout-timer section div p{background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(to right bottom,#80dfe1,#6d91fd);color:transparent;font-size:4rem;font-weight:900;text-align:center;margin:0}@media screen and (min-width: 400px){.workout-timer h1{font-size:3.5rem}}@media screen and (min-width: 668px){.workout-bkgd{background-color:#0a0e12;padding:2.5rem 0}.workout-bkgd:has(.active-set){background-color:#0a0e12}.workout-timer{min-height:calc(100vh - 5rem);border-radius:9px}.workout-timer h1{font-size:5rem}.workout-timer form div{flex-direction:row;justify-content:center;gap:2rem}}