@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html{margin:0;padding:0;width:100%;overflow-x:hidden}body{margin:0;padding:0;width:100%;overflow-x:hidden;min-height:100vh;display:flex;min-width:320px;background-color:#f8fafc}#root{width:100%;display:flex;flex-direction:column}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:100%;width:100%;margin:0;padding:0;text-align:center;overflow-x:hidden}.logo,.card,.read-the-docs{display:none}:root{--primary-color: #818cf8;--primary-hover: #6366f1;--secondary-color: #f87171;--secondary-hover: #ef4444;--background-color: #1e293b;--card-background: #0f172a;--text-color: #e2e8f0;--text-light: #94a3b8;--border-color: #334155;--success-color: #34d399;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2)}*{box-sizing:border-box;margin:0;padding:0;max-width:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-color);line-height:1.5;overflow-x:hidden;width:100%}.app-container{width:100%;max-width:1024px;margin:0 auto;padding:5px;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.app-header{text-align:center;margin-bottom:1rem;width:100%}.app-header h1{font-size:2rem;color:var(--primary-color);margin-bottom:.25rem}.app-header p{color:var(--text-light);font-size:.9rem}main{flex:1;width:100%;overflow-x:hidden}.app-footer{display:none}.task-list{background-color:var(--card-background);border-radius:.5rem;box-shadow:var(--shadow);padding:.75rem;width:100%;max-width:100%;overflow:hidden}.task-list h2{margin-bottom:1rem;color:var(--text-color);font-size:1.3rem}.add-task-form{display:flex;gap:.5rem;margin-bottom:1.5rem}.task-input{flex:1;padding:.6rem .8rem;border:1px solid var(--border-color);border-radius:.375rem;font-size:1rem;outline:none;transition:border-color .2s;background-color:var(--background-color);color:var(--text-color)}.task-input:focus{border-color:var(--primary-color)}.add-button{background-color:var(--primary-color);color:#fff;border:none;border-radius:.375rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.add-button:hover{background-color:var(--primary-hover)}.tasks-container{display:flex;flex-direction:column;gap:1rem}.empty-state{text-align:center;padding:2rem;color:var(--text-light);border:2px dashed var(--border-color);border-radius:.5rem}.task-timer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;padding:.8rem .5rem .5rem;border:1px solid var(--border-color);border-radius:.5rem;background-color:var(--card-background);transition:box-shadow .2s;width:100%;max-width:100%;overflow:hidden;position:relative}.task-timer:hover{box-shadow:var(--shadow)}.task-info{flex:1}.task-name{margin-bottom:.5rem;font-size:1.2rem;cursor:pointer;transition:color .2s}.task-name:hover{color:var(--primary-color)}.edit-name-form{margin-bottom:.5rem;width:100%}.edit-name-input{width:100%;padding:.5rem;font-size:1.2rem;border:1px solid var(--border-color);border-radius:.25rem;background-color:var(--background-color);color:var(--text-color)}.edit-name-input:focus{outline:none;border-color:var(--primary-color)}.task-stats{display:flex;gap:1rem;color:var(--text-light);font-size:.9rem}.task-stats .average-time{font-size:1.1rem;font-weight:600;color:var(--primary-color)}.timer-controls{display:flex;flex-direction:column;align-items:center;gap:.3rem}.timer-display{font-family:monospace;font-size:1.2rem;font-weight:700;padding:.5rem;min-width:100px;max-width:100%;text-align:center;overflow:hidden}.timer-button{width:100%;padding:.5rem 1rem;border:none;border-radius:.375rem;font-weight:700;cursor:pointer;transition:background-color .2s}.timer-button.start{background-color:var(--primary-color);color:#fff}.timer-button.start:hover{background-color:var(--primary-hover)}.timer-button.stop{background-color:var(--secondary-color);color:#fff}.timer-button.stop:hover{background-color:var(--secondary-hover)}@media (max-width: 600px){.task-timer{flex-direction:column;gap:.5rem;padding:.8rem .5rem .5rem;width:100%}.task-info{width:100%;text-align:center;margin-bottom:.3rem}.task-stats{justify-content:center;flex-wrap:wrap}.timer-controls{width:100%;margin-bottom:.2rem}.add-task-form{flex-direction:column}.add-button{width:100%}.entry-details{flex-direction:column;align-items:flex-start}.entry-actions{width:100%;justify-content:space-between}.edit-entry-form{flex-wrap:wrap;width:100%}.edit-entry-form input{flex:1;min-width:80px}}.time-entries-list{margin-top:1rem;width:100%;border-top:1px solid var(--border-color);padding-top:1rem;overflow:hidden}.time-entries-list h4{margin-bottom:.5rem;font-size:1rem;color:var(--text-color)}.time-entries-list ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.time-entry-item{padding:.5rem;border:1px solid var(--border-color);border-radius:.25rem;background-color:var(--background-color);width:100%;box-sizing:border-box}.entry-details{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.entry-duration{font-family:monospace;font-weight:600;color:var(--primary-color)}.entry-date{color:var(--text-light);font-size:.8rem}.entry-actions{display:flex;gap:.5rem}.entry-actions button{padding:.25rem .5rem;font-size:.8rem;border-radius:.25rem;border:none;cursor:pointer;transition:background-color .2s}.edit-button{background-color:var(--primary-color);color:#fff}.edit-button:hover{background-color:var(--primary-hover)}.delete-button{background-color:var(--secondary-color);color:#fff}.delete-button:hover{background-color:var(--secondary-hover)}.edit-entry-form{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;width:100%}.edit-entry-form input{padding:.25rem .5rem;border:1px solid var(--border-color);border-radius:.25rem;flex:1;min-width:80px;max-width:100%}.edit-form-buttons{display:flex;gap:.25rem;flex-wrap:nowrap}.edit-entry-form button{padding:.25rem .5rem;font-size:.8rem;white-space:nowrap}.toggle-entries-button{position:static;display:block;width:100%;height:1rem;margin-top:.3rem;background-color:transparent;color:var(--text-color);border:none;border-radius:.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;outline:none;padding:0}.toggle-entries-button:hover{color:var(--primary-color)}.toggle-entries-button:focus{outline:none;box-shadow:none}.toggle-entries-button:focus-visible{outline:none;box-shadow:none}.chevron-icon{display:flex;align-items:center;justify-content:center;font-size:.8rem;line-height:1}.time-picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.time-picker-modal{background-color:var(--card-background);border-radius:.5rem;box-shadow:var(--shadow);padding:1.5rem;width:90%;max-width:400px;display:flex;flex-direction:column;gap:1.5rem;max-height:90vh;overflow-y:auto;margin:20px}.time-picker-modal h3{margin:0;color:var(--text-color);font-size:1.2rem;text-align:center}.time-picker-controls{display:flex;justify-content:center;align-items:flex-end;gap:.5rem;flex-wrap:wrap}.time-unit{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative}.time-unit label{font-size:.8rem;color:var(--text-light)}.time-unit select{padding:.5rem;border:1px solid var(--border-color);border-radius:.25rem;font-size:1.2rem;font-family:monospace;width:4rem;text-align:center;cursor:pointer;background-color:var(--background-color);color:var(--text-color);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:16px 12px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.number-input-container{display:flex;flex-direction:column;align-items:center;width:4rem}.number-input-value{font-size:1.2rem;font-family:monospace;width:100%;text-align:center;padding:.5rem 0;border:1px solid var(--border-color);border-radius:.25rem;background-color:var(--background-color);color:var(--text-color);margin:.25rem 0;-moz-appearance:textfield}.number-input-value::-webkit-outer-spin-button,.number-input-value::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input-button{width:100%;height:2rem;display:flex;align-items:center;justify-content:center;background-color:var(--primary-color);color:#fff;border:none;border-radius:.25rem;font-size:1.2rem;font-weight:700;cursor:pointer;transition:background-color .2s}.number-input-button:hover{background-color:var(--primary-hover)}.time-separator{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-light)}.time-picker-actions{display:flex;justify-content:center;gap:1rem}.time-picker-actions button{padding:.5rem 1.5rem;border:none;border-radius:.375rem;font-weight:500;cursor:pointer;transition:background-color .2s}.save-button{background-color:var(--primary-color);color:#fff}.save-button:hover{background-color:var(--primary-hover)}.cancel-button{background-color:var(--text-light);color:#fff}.cancel-button:hover{background-color:var(--text-color)}@media (max-width: 400px){.time-picker-modal{padding:1rem}.time-picker-controls{gap:.25rem}.time-unit select{width:3.5rem;font-size:1rem}.time-separator{font-size:1.2rem}.time-picker-actions button{padding:.5rem 1rem}}input{background-color:var(--background-color);color:var(--text-color);border:1px solid var(--border-color)}input:focus{outline:none;border-color:var(--primary-color)}