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}.App{min-height:100vh;text-align:center}.App,.container{padding:20px;transition:all .3s ease}.container{border-radius:10px;box-shadow:0 2px 5px #0003;margin:0 auto;max-width:600px}.dark-theme{background-color:#121212}.dark-theme .container{background-color:#1e1e1e;box-shadow:0 2px 5px #0000004d}.dark-theme h1{color:#e0e0e0}.dark-theme .edit-input,.dark-theme .todo-input{background-color:#2d2d2d;border:2px solid #333;color:#e0e0e0}.dark-theme .todo-item{background-color:#2d2d2d}.dark-theme .todo-text{color:#e0e0e0}.dark-theme .todo-text:hover{background-color:#3d3d3d}.dark-theme .drag-handle{color:#999}.dark-theme .theme-toggle{background-color:#2d2d2d;box-shadow:0 2px 8px #ffffff26;color:#e0e0e0}.dark-theme .theme-toggle:hover{background-color:#3d3d3d;box-shadow:0 4px 12px #fff3}.light-theme{background-color:#f5f5f5}.light-theme .container{background-color:#fff;box-shadow:0 2px 5px #0000001a}.light-theme h1{color:#333}.light-theme .edit-input,.light-theme .todo-input{background-color:#fff;border:2px solid #ddd;color:#333}.light-theme .todo-item{background-color:#f1f1f172}.light-theme .todo-text{color:#333}.light-theme .todo-text:hover{background-color:#dddcdc9b}.light-theme .drag-handle{color:#666}.light-theme .theme-toggle{background-color:#f0f0f0;box-shadow:0 2px 8px #00000026;color:#333}.light-theme .theme-toggle:hover{background-color:#e0e0e0;box-shadow:0 4px 12px #0003}.header-container{align-items:center;display:flex;justify-content:center;margin-bottom:20px;position:relative}.header-controls{position:absolute;right:0}h1{margin:0;text-align:center}.theme-toggle{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;padding:10px;transition:all .3s ease;width:40px}.todo-form{display:flex;gap:10px;margin-bottom:20px}.edit-input,.todo-input{border-radius:4px;flex:1 1;font-size:16px;outline:none;padding:10px;transition:all .3s ease}.edit-input:focus,.todo-input:focus{border-color:#06c}.add-button{background-color:#06c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .2s}.add-button:hover{background-color:#0052a3}.todo-list{display:flex;flex-direction:column;gap:10px}.todo-item.dragging{box-shadow:0 5px 15px #0000004d;opacity:.5;transform:scale(1.02);z-index:10}.todo-item.drag-over{border-top:2px solid #06c;padding-top:8px}.undo-container{animation:slideIn .3s ease-out;display:flex;justify-content:center;margin-bottom:15px}.undo-button{background-color:grey;border:none;border-radius:4px;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.undo-button:hover{background-color:#656565;box-shadow:0 3px 8px #0000004d}.dark-theme .undo-button{background-color:grey}.dark-theme .undo-button:hover{background-color:#656565}.drag-handle{font-size:20px;padding:0 5px;-webkit-user-select:none;user-select:none}.todo-checkbox{accent-color:#06c;cursor:pointer;height:20px;width:20px}.edit-input{flex:1 1;margin:0}.delete-button{align-items:center;background-color:initial;border:none;border-radius:4px;color:#555;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;padding:5px 10px;transition:all .2s ease;width:36px}.delete-button:hover{background-color:initial;color:#333;transform:translateY(-1px)}.dark-theme .delete-button{background-color:initial;color:#aaa}.dark-theme .delete-button:hover{background-color:initial;color:#ddd}.clear-all-container{display:flex;justify-content:center;margin-top:20px}.clear-all-button{background-color:#06c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .2s}.clear-all-button:hover{background-color:#0052a3}.congrats-message{animation:fadeIn .5s ease-in-out;background-color:#4caf50;border-radius:8px;box-shadow:0 4px 12px #0003;color:#fff;margin-bottom:20px;padding:20px;text-align:center}.dark-theme .congrats-message{background-color:#388e3c;box-shadow:0 4px 12px #0006}.congrats-message h2{font-size:24px;margin-top:0}.congrats-message p{font-size:18px;margin-bottom:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.sync-status-toast{align-items:center;animation:slideInUp .3s ease-out;border-radius:30px;bottom:20px;box-shadow:0 3px 10px #0003;cursor:pointer;display:flex;font-size:14px;max-width:200px;opacity:.9;padding:10px 15px;position:fixed;right:20px;transform:translateZ(0);transition:all .3s ease;z-index:1000}.sync-status-toast:hover{box-shadow:0 5px 15px #0000004d;opacity:1;transform:translateY(-3px)}.sync-status-toast.synced{background-color:#4caf50;color:#fff}.sync-status-toast.syncing{background-color:#ffc107;color:#000}.sync-status-toast.offline{background-color:#f44336;color:#fff}.sync-status-icon{align-items:center;display:flex;font-size:16px;font-weight:700;height:20px;justify-content:center;margin-right:8px;width:20px}.sync-status-toast.syncing .sync-status-icon{animation:rotate 1.5s linear infinite}.sync-status-text{font-weight:500}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:.9;transform:translateY(0)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dark-theme .sync-status-toast{box-shadow:0 3px 10px #0006}.dark-theme .sync-status-toast:hover{box-shadow:0 5px 15px #00000080}.sync-status{border-radius:4px;display:none;font-size:14px;margin-right:10px;padding:4px 8px}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 0}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left-color:#06c;border-radius:50%;height:36px;margin-bottom:15px;width:36px}.dark-theme .loading-spinner{border:4px solid #ffffff1a;border-left-color:#06c}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sync-settings-container{display:flex;justify-content:center;margin-bottom:20px;position:relative;z-index:10}@media (max-width:768px){.drag-handle{color:#06c;font-size:22px;padding:0 8px}.todo-item.dragging{background-color:#0066cc1a}.todo-item.drag-over{border-top:3px solid #06c;padding-top:7px}.mobile-hint{animation:fadeOut 10s forwards;background-color:#0066cc1a;border-radius:4px;display:block;margin-bottom:15px;padding:8px}.mobile-hint p{color:#06c;font-size:14px;margin:0}@keyframes fadeOut{0%,80%{opacity:1}to{opacity:0;visibility:hidden}}.delete-button,.priority-button{font-size:.7rem;padding:3px 6px}.priority-button{margin-top:3px}}.mobile-hint{display:none}.priority-divider{align-items:center;cursor:move;display:flex;margin:10px 0;padding:0;position:relative;width:100%}.divider-line{background-color:#555;flex-grow:1;height:1px;transition:height .2s ease,background-color .2s ease}.priority-divider:hover .divider-line{background-color:#777;height:2px}.priority-divider.divider-dragging .divider-line{background-color:#999;height:3px}.dark-theme .divider-line{background-color:#888}.dark-theme .priority-divider:hover .divider-line{background-color:#aaa}.dark-theme .priority-divider.divider-dragging .divider-line{background-color:#bbb}.dark-theme .divider-button,.dark-theme .divider-button:hover:not(:disabled),.dark-theme .divider-label,.divider-button,.divider-controls,.divider-label,.todo-item.high-priority,.todo-item.normal-priority{display:none}.empty-list-divider{margin:20px auto;width:80%}.divider-hint{color:#888;font-size:.8rem;font-style:italic;margin-top:10px}.dark-theme .divider-hint{color:#aaa}.priority-button{background-color:#06c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-right:5px;padding:5px 10px;transition:all .2s ease}.priority-button.high-priority{background-color:#b6b6b6}.priority-button.high-priority:hover{background-color:#878686}.priority-button.low-priority{background-color:#b6b6b6}.priority-button.low-priority:hover{background-color:#777}.priority-button:hover{background-color:#0052a3;transform:translateY(-1px)}.dark-theme .priority-button.high-priority{background-color:#4d4d4d}.dark-theme .priority-button.high-priority:hover{background-color:#444}.dark-theme .priority-button.low-priority{background-color:#4d4d4d}.dark-theme .priority-button.low-priority:hover{background-color:#8c8c8c}.empty-todo-list{align-items:center;color:#888;display:flex;flex-direction:column;justify-content:center;padding:30px 0;text-align:center}.empty-todo-list p{font-size:1rem;margin-bottom:20px}.dark-theme .empty-todo-list{color:#aaa}.todo-actions{display:flex;gap:8px;justify-content:space-between;width:100%}@media (max-width:768px){.todo-actions{flex-direction:row;gap:8px}.delete-button,.priority-button{flex:1 1;font-size:.8rem;padding:8px 5px;text-align:center}.mobile-hint p{color:#06c;font-size:14px;line-height:1.4;margin:0}}.divider-usage-hint{animation:fadeOut 8s forwards;background-color:#5555551a;border-radius:4px;margin-bottom:15px;padding:8px}.divider-usage-hint p{color:#555;font-size:14px;font-style:italic;margin:0}.dark-theme .divider-usage-hint{background-color:#aaaaaa1a}.dark-theme .divider-usage-hint p{color:#aaa}.todo-item{align-items:center;border-radius:4px;cursor:move;display:flex;gap:10px;padding:10px;position:relative;touch-action:pan-y;transition:all .2s ease;z-index:1}.todo-content{display:flex;flex:1 1;flex-direction:column;gap:8px}.todo-main{align-items:center;display:flex;flex:1 1;gap:10px}.todo-text{border-radius:4px;flex:1 1;font-size:16px;padding:5px;text-align:left;transition:background-color .2s}.sync-settings{display:inline-block;position:relative}.sync-settings-toggle{align-items:center;background-color:#06c;border:none;border-radius:4px;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 16px;transition:background-color .2s}.sync-settings-toggle:hover{background-color:#0052a3;box-shadow:0 3px 8px #0000004d}.sync-settings-panel{animation:slideIn .2s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;left:50%;padding:16px;position:absolute;top:calc(100% + 10px);transform:translateX(-50%);width:300px;z-index:1000}@media (prefers-color-scheme:dark){.sync-settings-panel{background-color:#2a2a2a;box-shadow:0 4px 12px #0000004d;color:#f0f0f0}}.sync-settings-panel h3{color:#333;font-size:18px;margin-bottom:12px;margin-top:0}@media (prefers-color-scheme:dark){.sync-settings-panel h3{color:#f0f0f0}}.sync-description{color:#666;font-size:14px;margin-bottom:16px}@media (prefers-color-scheme:dark){.sync-description{color:#aaa}}.current-sync-id{margin-bottom:16px}.current-sync-id p{color:#555;font-size:14px;margin-bottom:6px}@media (prefers-color-scheme:dark){.current-sync-id p{color:#bbb}}.sync-id-display{align-items:center;background-color:#f5f5f5;border-radius:4px;display:flex;font-family:monospace;font-size:16px;padding:8px 12px}@media (prefers-color-scheme:dark){.sync-id-display{background-color:#333}}.copy-button{background:none;border:none;color:#555;cursor:pointer;font-size:16px;margin-left:auto;padding:4px}@media (prefers-color-scheme:dark){.copy-button{color:#bbb}}.sync-actions{margin-bottom:16px}.generate-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .2s}.generate-button:hover{background-color:#3d9c40}.sync-id-input{margin-bottom:16px}.sync-id-input p{color:#555;font-size:14px;margin-bottom:6px}@media (prefers-color-scheme:dark){.sync-id-input p{color:#bbb}}.input-group{display:flex;gap:8px}.input-group input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;padding:8px}@media (prefers-color-scheme:dark){.input-group input{background-color:#333;border-color:#444;color:#f0f0f0}}.input-group button{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .2s}.input-group button:hover{background-color:#3a80d2}.error-message{color:#e74c3c;font-size:14px;margin-bottom:16px}.close-button{background-color:#f5f5f5;border:none;border-radius:4px;color:#333;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .2s;width:100%}.close-button:hover{background-color:#e5e5e5}@media (prefers-color-scheme:dark){.close-button{background-color:#333;color:#f0f0f0}.close-button:hover{background-color:#444}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.f20af1b0.css.map*/