@import"https://fonts.googleapis.com/css2?family=Rubik+Mono+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Russo+One&display=swap";:root{--primary-color: #348228;--stop-color: #b30024;--pause-color: #606060;--bg-dark-color: #242424;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:var(--bg-dark-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;display:flex;flex-direction:column;align-items:center}h1{font-size:3.2em;font-family:Russo One;line-height:1.1;text-align:center}@media (max-width: 600px){h1{font-size:32px}}main{display:flex;flex-direction:column;align-items:center;max-width:1280px;width:100%;margin-top:15vh;padding:2rem;text-align:center}@media (max-width: 600px){main{padding:2rem .7rem .7rem}}.disabled{opacity:.5;pointer-events:none}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--primary-color);color:#fff;cursor:pointer;transition:filter .1s,transform .1s;-webkit-user-select:none;user-select:none}button:hover{filter:brightness(1.1)}button:active{transform:translateY(2px);filter:brightness(.9)}#config{width:100%;text-align:left;margin-bottom:40px;max-width:400px}#config label{display:block}#config input{padding:12px;border-radius:8px;outline:none;border:1.5px solid grey;width:100%;font-size:20px;background:transparent}#config input:focus{border-color:var(--primary-color)}@media (max-width: 600px){#config{max-width:320px}#config label{font-size:14px}#config input{padding:12px}}.stopwatch{display:flex}.stopwatch .unit{display:flex;font-family:Rubik Mono One;font-size:92px;height:138px;overflow:hidden}.stopwatch .unit:not(:last-child):after{content:":";position:relative;bottom:4px;margin:0 -12px}@media (max-width: 600px){.stopwatch .unit{font-size:52px;height:78px}.stopwatch .unit:not(:last-child):after{content:":";margin:0 -8px}}.actions-group{margin-top:20px}.actions-group button{display:flex;align-items:center;font-size:1.5em}.actions-group button:not(:last-child){margin-right:12px}.actions-group button svg{width:24px;height:24px;margin-right:12px}.actions-group #start-actions,.actions-group #stop-actions{display:flex;justify-content:center;align-items:center}.actions-group #stop-stopwatch{background-color:var(--stop-color)}.actions-group #pause-stopwatch{background-color:var(--pause-color)}@media (max-width: 600px){.actions-group button{font-size:1.3em}}#result-block{display:flex;align-items:center;margin-top:100px;background-color:#e1f7e6;padding:20px;border-radius:8px;text-align:left;color:#005814;font-size:18px}#result-block svg{width:40px;height:40px;margin-right:20px}#result-block p{margin:0;max-width:400px;flex-shrink:1}@media (max-width: 600px){#result-block{margin-top:60px}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}}