*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-color:#f5f5f5;--container-bg:#fff;--text-color:#333;--border-color:#eee;--input-border:#ddd;--button-bg:#4caf50;--button-hover:#45a049;--delete-button-bg:#f44;--delete-button-hover:#c00;--error-color:#f44;--link-color:#4caf50}.App.dark{--bg-color:#1a1a1a;--container-bg:#2d2d2d;--text-color:#fff;--border-color:#404040;--input-border:#404040}.App{align-items:center;background-color:#f5f5f5;background-color:var(--bg-color);display:flex;flex-direction:column;min-height:100vh}.App,.container{padding:2rem;transition:background-color .3s ease}.container{background-color:#fff;background-color:var(--container-bg);border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:800px;position:relative;width:100%;z-index:0}.header{justify-content:space-between;margin-bottom:1.5rem}.header,.header-buttons{align-items:center;display:flex}.header-buttons{gap:1rem}.user-info{color:#333;color:var(--text-color);font-size:.9rem}.logout-button{background-color:#f44;background-color:var(--delete-button-bg);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:background-color .2s}.logout-button:hover{background-color:#c00;background-color:var(--delete-button-hover)}h1{color:#333;color:var(--text-color);margin:0;text-align:center}.theme-toggle{align-items:center;background-color:#4caf50;background-color:var(--button-bg);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.theme-toggle:hover{box-shadow:0 2px 4px #0003;transform:translateY(-2px)}.auth-container{margin:0 auto;max-width:400px;width:100%}.auth-form{background-color:#fff;background-color:var(--container-bg);border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.auth-form h2{color:#333;color:var(--text-color);margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1rem}.form-group input{background-color:#fff;background-color:var(--container-bg);border:1px solid #ddd;border:1px solid var(--input-border);border-radius:4px;color:#333;color:var(--text-color);font-size:1rem;padding:.75rem;width:100%}.form-group input:focus{border-color:#4caf50;border-color:var(--button-bg);outline:none}.auth-button{background-color:#4caf50;background-color:var(--button-bg);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;transition:background-color .2s;width:100%}.auth-button:hover{background-color:#45a049;background-color:var(--button-hover)}.error-message{color:#f44;color:var(--error-color);margin-bottom:1rem;text-align:center}.toggle-form{color:#333;color:var(--text-color);margin-top:1rem;text-align:center}.link-button{background:none;border:none;color:#4caf50;color:var(--link-color);cursor:pointer;font-size:1rem;padding:0;text-decoration:underline}.link-button:hover{color:#45a049;color:var(--button-hover)}.todo-form{display:flex;gap:.5rem;margin-bottom:1.5rem;width:100%}.input-group{align-items:flex-start;display:flex;flex:1 1;gap:10px;min-width:0}.todo-input{background-color:#fff;background-color:var(--container-bg);border:1px solid #ddd;border:1px solid var(--input-border);border-radius:4px;color:#333;color:var(--text-color);flex:3 1;font-size:1rem;height:2.5rem;min-width:0;padding:.75rem;resize:none;transition:all .3s ease}.todo-input:focus{border-color:#4caf50;border-color:var(--button-bg);box-shadow:0 0 0 2px #4caf5033;font-size:1.1rem;height:4rem;outline:none}.date-input{background-color:#fff;background-color:var(--container-bg);border:1px solid #ddd;border:1px solid var(--input-border);border-radius:4px;color:#333;color:var(--text-color);cursor:pointer;font-size:1rem;height:2.5rem;margin-top:0;min-width:120px;padding:.75rem}.date-input:focus{border-color:#4caf50;border-color:var(--button-bg);outline:none}.urgency-select{background-color:#fff;background-color:var(--container-bg);border:1px solid #ddd;border:1px solid var(--input-border);border-radius:4px;color:#333;color:var(--text-color);cursor:pointer;flex-shrink:0;font-size:1rem;height:2.5rem;line-height:1.2;margin-top:0;min-width:160px;padding:.6rem .75rem}.urgency-select:focus{border-color:#4caf50;border-color:var(--button-bg);outline:none}.urgency-select option{background-color:#fff;background-color:var(--container-bg);color:#333;color:var(--text-color);line-height:1.2;padding:.5rem}.dark .urgency-select{background-color:#333;border-color:#555;color:#fff}.todo-item{align-items:flex-start;animation:slideIn .3s ease-out;border-bottom:1px solid #eee;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;min-width:0;padding:1rem;width:100%}.todo-item:last-child{border-bottom:none}.todo-item input[type=checkbox]{flex-shrink:0;height:1.2rem;margin-top:.25rem;transition:transform .2s ease;width:1.2rem}.todo-item input[type=checkbox]:checked{transform:scale(1.1)}.todo-text{align-items:flex-start;display:flex;flex:1 1;gap:8px;margin-right:1rem;min-width:0;overflow:visible}.todo-text span:last-child{word-wrap:break-word;flex:1 1;line-height:1.4;max-width:calc(100% - 100px);overflow-wrap:break-word;white-space:pre-wrap}.todo-item span,.todo-text span:last-child{color:#333;color:var(--text-color)}.urgency-icon{font-size:1.2em}.todo-item.urgency-high{border-left:4px solid red}.todo-item.urgency-medium{border-left:4px solid gold}.todo-item.urgency-low{border-left:4px solid #0f0}.dark .todo-item.urgency-high{border-left:4px solid red}.dark .todo-item.urgency-medium{border-left:4px solid gold}.dark .todo-item.urgency-low{border-left:4px solid #0f0}.todo-item.removing{animation:slideOut .3s ease-out forwards}.delete-button{background-color:#f44;background-color:var(--delete-button-bg);border:none;border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.875rem;margin-left:auto;min-width:80px;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.delete-button:hover{box-shadow:0 2px 4px #0003;transform:translateY(-2px)}.welcome-section{background:linear-gradient(135deg,#4caf50,#45a049);background:linear-gradient(135deg,var(--button-bg),var(--button-hover));border-radius:8px;box-shadow:0 4px 6px #0000001a;margin-bottom:1rem;max-width:800px;padding:1rem;position:relative;text-align:center;width:100%;z-index:1}.welcome-section h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0;text-shadow:1px 1px 2px #0003}.dark .welcome-section{background:linear-gradient(135deg,#4caf50,#45a049);background:linear-gradient(135deg,var(--button-bg),var(--button-hover));box-shadow:0 4px 6px #0000004d}.todo-groups{gap:2rem}.todo-group,.todo-groups{display:flex;flex-direction:column}.todo-group{gap:1rem}.date-header{border-bottom:2px solid #ddd;border-bottom:2px solid var(--input-border);color:#333;color:var(--text-color);font-size:1.2rem;font-weight:600;margin:0;padding-bottom:.5rem}.dark .date-header{border-bottom-color:#ddd;border-bottom-color:var(--input-border)}@media (max-width:768px){.App{padding:1rem}.container,.welcome-section{max-width:100%;padding:.75rem}.todo-form{margin-bottom:1rem}.input-group,.todo-form{flex-direction:column;gap:.5rem}.input-group{width:100%}.date-input,.todo-input,.urgency-select{height:3rem;min-width:0;width:100%}.add-button{font-size:1rem;height:3rem;margin-top:.5rem;padding:.5rem;width:100%}.todo-item{flex-wrap:wrap;gap:.5rem;padding:.75rem}.todo-text{margin-bottom:.5rem;margin-right:0;width:100%}.todo-text span:last-child{max-width:100%}.delete-button{height:3rem;margin-left:0;margin-top:.5rem;width:100%}.priorities-box{flex-direction:column;gap:.5rem;margin-bottom:1rem}.priority-item{height:auto;padding:.75rem;width:100%}.priority-item span{font-size:.9rem}.priority-item .count{font-size:.8rem}.theme-toggle,.welcome-section h2{font-size:1.2rem}.theme-toggle{padding:.5rem}.todo-item input[type=checkbox]{height:1.5rem;margin-top:.5rem;width:1.5rem}.todo-item span{font-size:1rem}.todo-date{font-size:.8rem}.date-header{font-size:1.1rem;margin-bottom:.5rem}.todo-groups{gap:1.5rem}.todo-group{gap:.75rem}.urgency-select{height:3rem;padding-bottom:.75rem;padding-top:.75rem}}@media (hover:none){.add-button,.delete-button,.theme-toggle{min-height:44px;padding:.75rem 1.5rem;touch-action:manipulation}.todo-item input[type=checkbox]{height:1.5rem;touch-action:manipulation;width:1.5rem}.priority-item{padding:.75rem}.date-input,.priority-item,.todo-input,.urgency-select{touch-action:manipulation}}@media (max-height:500px) and (orientation:landscape){.App,.container{padding:.5rem}.welcome-section{margin-bottom:.5rem;padding:.5rem}.todo-item{padding:.5rem}.input-group{gap:.25rem}.add-button{margin-top:.25rem}.add-button,.date-input,.delete-button,.todo-input,.urgency-select{height:2.5rem}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.add-button{background-color:#4caf50;background-color:var(--button-bg);border:none;border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-size:1rem;min-width:100px;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.add-button:hover{box-shadow:0 4px 6px #0003;transform:translateY(-2px)}.priority-item{align-items:center;background-color:#fff;background-color:var(--container-bg);border-radius:4px;display:flex;justify-content:space-between;padding:.75rem;transition:all .2s ease}.priority-item:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-2px)}
/*# sourceMappingURL=main.d04388d3.css.map*/