body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#ff6b6b;--secondary-color:#4ecdc4;--background-color:#f7f7f7;--text-color:#2d3436;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--border-radius:8px;--border-radius-lg:16px;--shadow-sm:0 1px 2px #0000000d;--shadow:0 2px 4px #0000001a;--shadow-lg:0 4px 6px #0000001a;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-6:1.5rem;--spacing-8:2rem}body{background-color:#f7f7f7;background-color:var(--background-color);color:#2d3436;color:var(--text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.App{align-items:stretch;display:flex;flex-direction:column;height:100vh;overflow:hidden;text-align:center;width:100%}h1{background:#f9fafb;background:var(--gray-50);box-shadow:0 1px 2px #0000001a;color:#ff6b6b;color:var(--primary-color);font-size:1rem;height:32px;justify-content:center;left:50%;margin:0;padding:1rem;position:relative;transform:translateX(-50%);width:100vw}.timer-container,h1{align-items:center;display:flex}.timer-container{background:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow);box-sizing:border-box;flex-direction:column;gap:1rem;margin:1rem auto;max-width:850px;padding:2rem;position:sticky;top:0;width:calc(100% - 2rem);z-index:2}.timer{font-size:4rem;font-weight:700;line-height:1;margin:0}.controls{display:flex;gap:1rem;justify-content:center;max-width:400px;width:100%}button{border:none;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;font-size:1rem;padding:.5rem 2rem;transition:transform .2s,box-shadow .2s}button,button:focus{outline:none!important}button:focus{box-shadow:none!important}.start-btn{background-color:#4ecdc4;background-color:var(--secondary-color);color:#fff}.end-btn{background-color:#ff6b6b;background-color:var(--primary-color);color:#fff}.current-note{max-width:600px;width:100%}.note-input{background-color:initial;border:2px solid #0000;border-radius:8px;border-radius:var(--border-radius);box-sizing:border-box;font-size:1rem;height:48px;line-height:1.2;padding:.8rem;text-align:center;transition:all .3s ease;width:100%}.note-input:hover{border-color:#e5e7eb;border-color:var(--gray-200)}.note-input:focus{background-color:#f9fafb;background-color:var(--gray-50);border-color:#4ecdc4;border-color:var(--secondary-color);outline:none;transform:translateY(-2px)}.current-note-input{color:#6b7280;color:var(--gray-500);font-size:.9rem;width:100%}.note-input::placeholder{color:#9ca3af;color:var(--gray-400);opacity:1}.note-input:disabled{color:#2d3436;color:var(--text-color);opacity:.8}.current-note-input:focus{background:#f9fafb;background:var(--gray-50);border-radius:8px;border-radius:var(--border-radius);outline:none}.current-note-input:disabled{cursor:not-allowed;opacity:.7}.action-item{background:#fff;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;margin-bottom:0;padding:19.2px;position:relative;transition:background-color .2s ease}.action-item[data-disabled=true]{cursor:not-allowed}.action-item[data-disabled=true]:hover{background-color:#00000005}.action-item:hover{background-color:#f9fafb;background-color:var(--gray-50)}.action-content{gap:2rem;width:100%}.action-content,.icon{align-items:center;display:flex}.icon{color:#6b7280;color:var(--gray-500);font-size:1.2rem;height:24px;justify-content:center;width:24px}.task-title{color:#111827;color:var(--gray-900);flex:1 1;font-size:1rem;font-weight:500;text-align:left}.time-range{margin:.5rem 0;width:100%}.time-display,.time-range{align-items:center;display:flex;gap:.5rem}.time-display{color:#111827;flex:1 1;font-size:.95rem}.duration{color:#ff6b6b;color:var(--primary-color);flex:0 0 80px;font-size:.875rem}.notes-section{align-items:center;color:#6b7280;display:flex;gap:.5rem;width:100%}.notes-text{color:#6b7280;flex:1 1;font-size:.95rem;text-align:left}.close-button{align-items:center;background:#0000;border:none;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:absolute;right:1rem;top:1rem}.close-button:hover{color:#111827}.delete-button{align-items:center;background:#0000;border:none;color:#9ca3af;color:var(--gray-400);cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;line-height:1;padding:.25rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);transition:color .2s ease}.delete-button:hover{color:#4b5563;color:var(--gray-600)}.delete-button:disabled{background:#0000;color:#d1d5db;color:var(--gray-300)}@media (max-width:768px){.delete-button{top:.5rem;transform:none}}.action-item:hover{border-color:#e5e7eb}.action-item:after{display:none}.action-time{align-items:center;color:#2d3436;color:var(--text-color);display:flex;font-weight:500;gap:1rem;justify-content:space-between;min-width:300px}.time-picker-input{border:1px solid var(--gray-200);border-radius:var(--border-radius);color:var(--gray-900)}.time-picker-input:hover{border-color:var(--gray-400)}@media (max-width:768px){.action-content{flex-wrap:wrap;gap:1rem}.action-time{display:flex;flex:0 0 100%;justify-content:space-between}.task-tag{order:2}.note-input.history-note{min-width:200px;order:3}.delete-button{position:absolute;right:1rem;top:1rem}}@media (max-width:480px){.action-content{gap:.75rem}.note-input.history-note,.task-tag{flex:0 0 100%}.timer-container{margin:.5rem auto;padding:1rem;width:calc(100% - 1rem)}.current-note .MuiBox-root{flex-direction:column;gap:1rem!important}.current-note .MuiAutocomplete-root,.note-input.current-note-input{margin:0 1rem;width:calc(100% - 2rem)!important}}.history-note{color:#4b5563;color:var(--gray-600);flex:1 1;font-size:.875rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history{box-sizing:border-box;height:calc(100vh - 400px);margin:0 auto;max-width:850px;overflow-y:auto;padding:.5rem;width:calc(100% - 1rem)}.history>h2{display:none}.history-list{height:100%;overflow-y:auto}.history::-webkit-scrollbar{width:8px}.history::-webkit-scrollbar-track{background:#f3f4f6;background:var(--gray-100);border-radius:4px}.history::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--gray-300);border-radius:4px}.time-label{color:#ff6b6b;color:var(--primary-color);font-weight:700}.note-input.history-note{color:#666;flex:1 1;font-size:.95em}@media (max-width:768px){.history{height:calc(100vh - 350px)}h1{font-size:1.5rem;margin-bottom:1rem}.timer{font-size:3.5rem}.action-item{flex-direction:column;gap:1rem}.history-note{width:100%}}@media (max-width:480px){.history{height:calc(100vh - 300px)}.timer-container{margin:.5rem auto;padding:1rem;width:calc(100% - 1rem)}.current-note .MuiBox-root{flex-direction:column;gap:1rem!important}.current-note .MuiAutocomplete-root,.note-input.current-note-input{margin:0 1rem;width:calc(100% - 2rem)!important}}.loading{align-items:center;display:flex;justify-content:center;min-height:200px}.loading:after{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#ff6b6b;border-top:2px solid var(--primary-color);content:"";height:30px;width:30px}.date-group{margin-bottom:2rem}.date-group:last-child{margin-bottom:0}.date-header{background:#f3f4f6;background:var(--gray-100);border-left:3px solid #4ecdc4;border-left:3px solid var(--secondary-color);border-radius:8px;border-radius:var(--border-radius);color:#4b5563;color:var(--gray-600);font-size:.9em;font-weight:500;margin-bottom:1rem;padding:.5rem 1rem;position:sticky;top:0;z-index:1}.date-group .action-item{margin-bottom:.5rem}.date-group .action-item:last-child{margin-bottom:0}.time-picker-container{width:100%}.time-picker-input{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#111827;font-size:14px;height:44px;padding:0 14px}.time-picker-input:hover{border-color:#9ca3af}.time-picker-input:focus{border-color:#6366f1;border-width:2px;outline:none}.time-picker-popover{border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow);margin-top:.5rem;margin-top:var(--spacing-2);max-height:300px;overflow:auto;width:200px}.time-picker-list{list-style:none;margin:0;padding:0}.time-picker-list-item{cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1rem;padding:var(--spacing-3) var(--spacing-4);transition:background-color .2s}.time-picker-list-item.selected,.time-picker-list-item:hover{background-color:#f3f4f6;background-color:var(--gray-100)}.time-picker-time{color:#111827;color:var(--gray-900)}.time-picker-duration{color:#6b7280;color:var(--gray-500);margin-left:.5rem;margin-left:var(--spacing-2)}.time-picker-input{background:#0000;border:none;cursor:pointer;font-size:inherit;outline:none;text-align:center;width:100%}.editor-overlay{background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.editor-container{background:#fff;border-radius:16px;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-lg);box-sizing:border-box;left:50%;max-width:600px;padding:1.5rem;position:fixed;top:50%;transform:translate(-50%,-50%);width:calc(100% - 2rem);z-index:1000}.editor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:0 24px}.editor-duration{color:#ff6b6b;color:var(--primary-color);font-size:2.5rem;font-weight:500}.editor-close-btn{background:#0000;border:none;color:#6b7280;color:var(--gray-500);cursor:pointer;padding:.5rem}.editor-section{box-sizing:border-box;margin-bottom:1.5rem;padding:0 24px;width:100%}.editor-note-container{position:relative;width:100%}.editor-note-icon{align-items:center;color:#9ca3af;color:var(--gray-400);display:flex;left:0;padding-left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.editor-note-input{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:8px;border-radius:var(--border-radius);box-sizing:border-box;color:#111827;color:var(--gray-900);font-size:.95rem;outline:none;padding:12px 12px 12px 40px;width:100%}.editor-note-input:focus{border-color:#4ecdc4;border-color:var(--secondary-color)}.editor-note-input.MuiInputBase-root{background:#f9fafb!important;background:var(--gray-50)!important;padding:12px 12px 12px 40px!important}.editor-note-input.MuiInputBase-root .MuiInputBase-input{height:auto!important;padding:0!important}.editor-save-btn{background-color:#4ecdc4;background-color:var(--secondary-color);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 2rem;transition:background-color .2s}.editor-save-btn:hover{background-color:#ff6b6b;background-color:var(--primary-color)}@media (max-width:480px){.editor-container{padding:1rem;width:calc(100% - 1rem)}}.time-range-picker{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-2);width:100%}.time-range-icon{align-items:center;color:#6b7280;color:var(--gray-500);display:flex}.date-picker-trigger{border-radius:8px;border-radius:var(--border-radius);cursor:pointer;min-width:140px;padding:.5rem 1rem;padding:var(--spacing-2) var(--spacing-4);text-align:left}.date-picker-trigger:hover{background-color:#f3f4f6;background-color:var(--gray-100)}.time-picker-container{position:relative;width:120px}.time-picker-input-wrapper{align-items:center;cursor:pointer;display:flex;justify-content:center;padding:.25rem .5rem;padding:var(--spacing-1) var(--spacing-2)}.time-picker-input-wrapper:hover{background-color:#f3f4f6;background-color:var(--gray-100);border-radius:8px;border-radius:var(--border-radius)}.time-picker-arrow{color:#6b7280;color:var(--gray-500);margin-left:.25rem;margin-left:var(--spacing-1)}.time-options-container{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:400px;position:relative;width:100%}.time-options{-webkit-overflow-scrolling:touch;box-sizing:border-box;overflow-x:auto;padding:0 1rem;width:100%}.time-options-scroll{display:flex;gap:.5rem;gap:var(--spacing-2);position:relative;transition:transform .3s ease}.time-option-btn{background:#f3f4f6;background:var(--gray-100);border:none;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;font-size:.875rem;min-width:50px;padding:.35rem .75rem;transition:background-color .2s ease}.time-option-btn:hover:not(:disabled){background:#e5e7eb;background:var(--gray-200)}.time-option-btn.selected{background:#4ecdc4;background:var(--secondary-color);color:#fff}.time-option-btn:disabled{cursor:not-allowed;opacity:.5}.scroll-btn{align-items:center;background:none;border:none;color:#9ca3af;color:var(--gray-400);cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:color .2s ease;-webkit-user-select:none;user-select:none;width:24px;z-index:1}.scroll-btn:hover:not(:disabled){color:#4b5563;color:var(--gray-600)}.scroll-btn:first-child{left:0}.scroll-btn:last-child{right:0}.scroll-btn:disabled{cursor:not-allowed;opacity:.3}.action-time-range{color:#111827;color:var(--gray-900);flex:0 0 200px;font-size:.875rem}.task-tag{border-radius:9999px;color:#fff;flex:0 0 120px;font-size:.875rem;font-weight:500;padding:.25rem .75rem;text-align:center}.current-note .MuiBox-root{align-items:center;display:flex;gap:2rem;width:100%}.current-note .MuiAutocomplete-root{flex-shrink:0;width:200px!important}@media (max-width:768px){.time-range-container{align-items:flex-start;flex-direction:column;gap:1rem}.time-range-date{width:100%}.time-range-picker{justify-content:flex-start;width:100%}}.action-item input:disabled{background:#0000;cursor:not-allowed;opacity:.7}.delete-button:disabled{cursor:not-allowed;opacity:.5}.action-item-overlay.disabled{background:#0000;cursor:not-allowed}.action-item-overlay.disabled:hover{background:#00000005}@media (max-width:768px){.action-item{margin-bottom:8px}}.MuiDialog-paper{border-radius:16px!important;border-radius:var(--border-radius-lg)!important}.MuiDialogTitle-root{font-size:1.25rem!important;font-weight:500!important}.circle-picker{gap:16px!important;justify-content:flex-start!important}.circle-picker,.circle-picker>span{margin:0!important}.circle-picker>span>div{border:2px solid #0000!important;transition:all .2s ease!important}.circle-picker>span>div:hover{transform:scale(1.1)!important}.MuiTextField-root .MuiOutlinedInput-root{background-color:#f9fafb;background-color:var(--gray-50);border-radius:8px;border-radius:var(--border-radius)}.MuiTextField-root .MuiOutlinedInput-root:hover{background-color:#f3f4f6;background-color:var(--gray-100)}.MuiDialogActions-root{padding:16px 24px!important}.MuiButton-contained{background-color:#4ecdc4!important;background-color:var(--secondary-color)!important;border-radius:8px!important;border-radius:var(--border-radius)!important}.MuiButton-contained:hover{background-color:#ff6b6b!important;background-color:var(--primary-color)!important}.MuiLinearProgress-root{background-color:#f3f4f6!important;background-color:var(--gray-100)!important}.MuiLinearProgress-bar{transition:transform .3s ease!important}.task-card-habit{display:flex;flex-direction:column;gap:.75rem}.task-card-streak{align-items:center;display:flex;font-weight:500;gap:.25rem}.task-card-streak-divider{color:#9ca3af;color:var(--gray-400);margin:0 .25rem}.task-card-goal{color:#4b5563;color:var(--gray-600);font-size:.875rem}@media (max-width:480px){.task-card-habit{gap:.5rem}.task-card-goal{font-size:.75rem}}.task-manager-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:1rem;padding:var(--spacing-4)}.task-type-toggle{margin:1rem;margin:var(--spacing-4)}@media (max-width:1176px){.App{overflow-x:hidden}.timer-container{border-radius:0;margin:0;width:100%}.history{padding:1rem;padding:var(--spacing-4);width:100%}}
/*# sourceMappingURL=main.8482ea9d.css.map*/