*{box-sizing:border-box}:root{--timer-display-font-size: calc(100vw / 6)}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}#timer-display{display:flex;justify-content:center;align-items:center}#timer-display input[type=number],#timer-display span{text-align:center;border:none;background:transparent;padding-inline:unset;padding-block:unset;padding:unset;font-size:var(--timer-display-font-size);max-width:1ch;color:unset}#timer-display span{margin-top:calc(var(--timer-display-font-size) * -.15)}#timer-display input[type=number]:focus{border-color:#0074d9;box-shadow:0 0 0 4px #0074d926}body{background:#f5f5f5;margin:0;padding:0}button:disabled{cursor:not-allowed;opacity:.5}button#start-timer,button#pause-timer{display:inline-block;margin:2rem 1rem 0;padding:1.2rem 3rem;font-size:2.2rem;font-weight:700;border:none;border-radius:.7em;cursor:pointer;box-shadow:0 4px 24px #0000001f;transition:background .2s,color .2s,box-shadow .2s}button#start-timer{background:#2ecc40;color:#fff}button#start-timer:hover,button#start-timer:focus{background:#27ae38;box-shadow:0 0 0 6px #2ecc4026}button#pause-timer{background:#ff4136;color:#fff}button#pause-timer:hover,button#pause-timer:focus{background:#c0392b;box-shadow:0 0 0 6px #ff413626}button#reset-timer{display:inline-block;margin:2rem 1rem 0;padding:1.2rem 3rem;font-size:2.2rem;font-weight:700;border:none;border-radius:.7em;cursor:pointer;box-shadow:0 4px 24px #0000001f;background:#ffdc00;color:#222;transition:background .2s,color .2s,box-shadow .2s}button#reset-timer:hover,button#reset-timer:focus{background:#ffe066;box-shadow:0 0 0 6px #ffdc0026}.times-up-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#5078b4d9;z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background .3s}.times-up-overlay-message{color:#f6fafc;font-size:8vw;font-weight:700;letter-spacing:.15em;text-align:center;text-shadow:0 4px 32px #4a6fa5,0 2px 8px #fff;margin-bottom:3rem;-webkit-user-select:none;user-select:none;animation:timesup-fadein .7s cubic-bezier(.66,0,.34,1)}@keyframes timesup-fadein{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.times-up-overlay-ok-button{display:inline-block;margin:2rem 1rem 0;padding:1.2rem 3rem;font-size:2.2rem;font-weight:700;border:none;border-radius:.7em;cursor:pointer;box-shadow:0 4px 24px #5078b41f;background:#e3f0fa;color:#355c7d;transition:background .2s,color .2s,box-shadow .2s}.times-up-overlay-ok-button:hover,.times-up-overlay-ok-button:focus{background:#cbe3f7;box-shadow:0 0 0 6px #5078b426}.hidden{display:none}footer{position:fixed;left:0;bottom:0;width:100vw;background:#f6fafcf2;text-align:center;font-size:1.2rem;color:#355c7d;padding:1rem 0;z-index:10;box-shadow:0 -2px 12px #5078b412}