@import"https://fonts.googleapis.com/css2?family=Krona+One&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}body{font-family:Krona One,sans-serif;font-weight:400;font-style:normal;background-color:#181818;color:#fff;padding:1rem;height:100svh}#root{margin:0 auto;height:100%}.app{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;height:100%;max-width:800px;margin:0 auto}h1{font-size:2rem;text-align:center}h2{font-size:.75rem}.flex-col{display:flex;flex-direction:column}.secondary{color:#a59e9e}::-webkit-scrollbar{width:10px;height:8px}::-webkit-scrollbar-track{background:#1c1c1c}::-webkit-scrollbar-thumb{background-color:#c75b00;border-radius:5px;border:2px solid #1c1c1c}::-webkit-scrollbar-thumb:hover{background-color:#a84c00}.timer-display p{font-size:4rem}.timer-input{gap:1rem;align-items:center;width:100%}.button-group{width:100%;display:flex;gap:.5rem}label{width:100%}input{background-color:#1c1c1c;color:#fff;outline:2px solid #c75b00;border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:1.2rem;margin-top:.25rem}input:hover{background-color:#3d3d3d}input:disabled{background-color:#202020;outline:none;pointer-events:none}.button-group button{width:100%}button,input[type=text],.helper-text{transition:background-color .3s ease,color .3s ease,outline .3s ease,border .3s ease,opacity .3s ease}.start-button{background-color:#c75b00;color:#fff;border:none;border-radius:.5rem;padding:.5rem 1.5rem;font-weight:700}.stop-button{background-color:transparent;outline:2px solid #c75b00;border:none;color:#fff;border-radius:.5rem;padding:.5rem 1.5rem;font-weight:700}.delete-button{background:transparent;border:none;color:#c75b00;border-radius:8px;width:32px;font-size:1.25rem;font-weight:700;cursor:pointer;transition:background-color .3s ease,color .3s ease}button:hover{cursor:pointer;background-color:#a84c00}.stop-button:hover{outline:2px solid #a84c00}.delete-button:hover{color:#fff}button:disabled{pointer-events:none;background-color:#555;outline:none;color:#a59e9e}button:focus-visible,input:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.helper-text{opacity:0;font-size:.75rem;visibility:hidden;transition:opacity .3s ease;height:1rem}.helper-text.visible{opacity:1;visibility:visible}.check{display:flex;align-items:center;gap:.5rem;padding:1rem 0}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:32px;margin:0;border:none;border-radius:8px;display:inline-block;position:relative;cursor:pointer;vertical-align:middle;transition:background-color .2s,border-color .2s}input[type=checkbox]:checked{background-color:#c75b00;border-color:#c75b00}input[type=checkbox]:checked:after{content:"";position:absolute;left:50%;top:50%;width:11px;height:20px;border:solid white;border-width:0 4px 4px 0;transform:translate(-50%,-60%) rotate(45deg)}.task-log{display:flex;flex-direction:column;flex-grow:1;min-height:0;width:100%}.log-entries{overflow-y:auto;scrollbar-gutter:stable}.log-row{display:flex;gap:2rem;align-items:center;padding:.5rem 0;border-bottom:1px solid #a59e9e}.log-task{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-duration,.log-date{flex-shrink:0;text-align:left}.log-duration{width:10rem}.log-enter{opacity:0;transform:translateY(-10px);animation:fadeInDown .3s ease-out forwards}@keyframes fadeInDown{to{opacity:1;transform:translateY(0)}}.log-row.deleting{background-color:#c75b00;color:#fff;opacity:.5;transform:scale(.98);opacity:0;transition:background-color .3s ease,color .3s ease,opacity .3s ease}@media (max-width: 768px){h1{font-size:1.5rem}.log-row{gap:.5rem}.log-duration{width:auto}.timer-display p{font-size:1.5rem}.app{gap:.5rem}.log-row{flex-wrap:wrap}.log-task{white-space:normal;word-break:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis}}