*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}#root,body{align-items:center;display:flex;justify-content:center}#root{height:100vh;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;background-color:#000;color:#fff;display:flex;height:100vh;justify-content:center;width:100%}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pomodoro-container{align-items:center;background-color:#000;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:space-between;overflow-y:auto;padding:2rem;position:relative;width:100%}.header{left:2rem;position:absolute;top:2rem;z-index:10}.brand-title{font-size:2.5rem;font-weight:700;line-height:1}.brand-subtitle,.brand-title{margin:0;text-transform:lowercase}.brand-subtitle{font-size:1rem;font-weight:400;opacity:.8}.timer-section{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:2rem;justify-content:center;margin-top:4rem}.mode-buttons{display:flex;gap:1rem;margin-bottom:1rem}.mode-button{background-color:initial;border:none;border-radius:2rem;color:#fff;cursor:pointer;font-size:2rem;font-weight:500;padding:.75rem 2rem;text-transform:capitalize;transition:all .2s ease}.mode-button.active{background-color:#333;border-color:#333}.mode-button:hover:not(.active){background-color:#ffffff1a}.timer-display{border-radius:1rem;cursor:pointer;padding:1rem;transition:all .2s ease;-webkit-user-select:none;user-select:none}.timer-display:hover{background-color:#ffffff0d;transform:scale(1.02)}.timer-display:active{transform:scale(.98)}.timer-text{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:10rem;font-weight:700;letter-spacing:-.02em;line-height:1}.current-task-display{align-items:center;background-color:#ffffff05;border:1px solid #333;border-radius:1rem;display:flex;flex-direction:column;gap:.5rem;margin:1rem 0;max-width:600px;padding:1rem 2rem;text-align:center}.current-task-label{color:#ffffffb3;font-size:.9rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.current-task-name{color:#fff;font-size:1.2rem;font-weight:600;line-height:1.4;word-break:break-word}.action-buttons{gap:1rem}.action-buttons,.reset-button{align-items:center;display:flex;justify-content:center}.reset-button{background-color:initial;border:1px solid #fff;border-radius:50%;color:#fff;cursor:pointer;height:3rem;transition:all .2s ease;width:3rem}.reset-button:hover{background-color:#ffffff1a;transform:scale(1.1)}.task-section{background-color:#ffffff05;border:1px solid #333;border-radius:1rem;margin:2rem 0;max-width:600px;padding:2rem;width:100%}.task-title{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;text-align:center}.task-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.task-input{background-color:#ffffff0d;border:1px solid #333;border-radius:.5rem;color:#fff;cursor:text;flex:1 1;font-size:1rem;outline:none;padding:.75rem 1rem;transition:all .2s ease}.task-input::placeholder{color:#ffffff80}.task-input:focus{background-color:#ffffff1a;border-color:#fff}.task-input-expanded{align-items:center;animation:slideDown .3s ease-out;display:flex;gap:.5rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.estimated-timers-input{max-width:100px}.estimated-timers-container{display:flex;flex:1 1;gap:.5rem}.estimated-timers-label-container{align-items:center;display:flex;gap:.5rem}.estimated-timers-controls{align-items:center;display:flex;flex:1 1;gap:.25rem}.timer-control-btn{align-items:center;background-color:#ffffff0d;border:1px solid #333;border-radius:.25rem;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:2rem;justify-content:center;transition:all .2s ease;width:2rem}.timer-control-btn:hover{background-color:#ffffff1a;border-color:#fff}.timer-control-btn:active{transform:scale(.95)}.estimated-timers-label{color:#fff;font-size:1rem;font-weight:500;white-space:nowrap}.estimated-timers-input{background-color:#ffffff0d;border:1px solid #333;border-radius:.5rem;color:#fff;flex:1 1;font-size:.9rem;min-width:3rem;outline:none;padding:.5rem;text-align:center;transition:all .2s ease}.estimated-timers-input::placeholder{color:#ffffff80}.estimated-timers-input:focus{background-color:#ffffff1a;border-color:#fff}.estimated-timers-input::-webkit-inner-spin-button,.estimated-timers-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.estimated-timers-input[type=number]{-moz-appearance:textfield}.estimated-timers-input{position:relative}.estimated-timers-input:after{border-left:.5rem solid #0000;border-right:.5rem solid #0000;border-top:.5rem solid #ffffff80;content:"";height:0;pointer-events:none;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:0}.project-dropdown-container{flex:1 1;position:relative}.project-dropdown-button{align-items:center;background-color:#ffffff0d;border:1px solid #333;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.9rem;justify-content:space-between;outline:none;padding:.5rem;text-align:left;transition:all .2s ease;width:100%}.project-dropdown-button:hover{background-color:#ffffff1a;border-color:#fff}.dropdown-arrow{font-size:.8rem;transition:transform .2s ease}.project-dropdown-container.open .dropdown-arrow{transform:rotate(180deg)}.project-dropdown-menu{background-color:#000;border:1px solid #333;border-radius:.5rem;box-shadow:0 4px 12px #0000004d;left:0;margin-top:.25rem;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.project-option-container{align-items:center;display:flex;gap:.25rem;padding:.25rem}.project-option{background-color:initial;border:none;border-radius:.25rem;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease}.project-option:hover{background-color:#f66;color:#fff}.project-option.selected{background-color:#f44;color:#fff}.remove-project-btn{align-items:center;background-color:initial;border:none;border-radius:.25rem;color:#fff9;cursor:pointer;display:flex;font-size:.8rem;height:2rem;justify-content:center;opacity:0;transition:all .2s ease;width:2rem}.project-option-container:hover .remove-project-btn{opacity:1}.remove-project-btn:hover{background-color:#f003;color:#f66}.add-project-section{border-top:1px solid #333}.add-project-btn{background-color:initial;border:1px dashed #666;border-radius:.25rem;color:#ffffffb3;cursor:pointer;font-size:.9rem;padding:.75rem 1rem;text-align:center;transition:all .2s ease;width:100%}.add-project-btn:hover{background-color:#ffffff0d;border-color:#fff;color:#fff}.add-project-form{display:flex;flex-direction:column;gap:.5rem}.new-project-input-container{align-items:center;display:flex;gap:.25rem}.new-project-input{background-color:#ffffff0d;border:1px solid #333;border-radius:.25rem;color:#fff;flex:1 1;font-size:.9rem;margin:4px;outline:none;padding:.5rem;transition:all .2s ease}.new-project-input::placeholder{color:#ffffff80}.new-project-input:focus{background-color:#ffffff1a;border-color:#fff}.confirm-add-btn{align-items:center;background-color:#ffffff0d;border:1px solid #333;border-radius:.25rem;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;height:2.15rem;justify-content:center;margin:4px 4px 4px 0;transition:all .2s ease;width:2rem}.confirm-add-btn:hover{background-color:#0f03;border-color:#0f0}.project-select{display:none}.add-task-button{background-color:initial;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.add-task-button:hover{background-color:#ffffff1a}.task-list{display:flex;flex-direction:column;gap:.75rem}.task-item{align-items:flex-start;background-color:#ffffff08;border:1px solid #333;border-radius:.5rem;cursor:grab;display:flex;gap:1rem;padding:1rem;transition:all .2s ease;-webkit-user-select:none;user-select:none}.task-item:active{cursor:grabbing}.task-item:hover{background-color:#ffffff0d;border-color:#444;box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.task-item.completed{background-color:#00ff000d;border-color:#0f03;opacity:.6}.task-item.dragging{box-shadow:0 4px 12px #0000004d;opacity:.5;transform:rotate(2deg)}.task-item.drag-over{background-color:#ffffff1a;border-color:#fff;transform:scale(1.02)}.task-item:before{color:#ffffff4d;content:"⋮⋮";font-size:.8rem;left:.85rem;opacity:0;position:absolute;top:70%;transform:translateY(-50%);transition:opacity .2s ease}.task-item:hover:before{opacity:1}.task-checkbox{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;justify-content:center;padding:0;transition:all .2s ease}.task-checkbox:hover{transform:scale(1.1)}.task-content{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.task-text{color:#fff;font-size:1rem;word-break:break-word}.task-item.completed .task-text{color:#fff9;text-decoration:line-through}.task-meta{color:#ffffffb3;display:flex;font-size:.8rem;gap:1rem}.task-estimate,.task-project{background-color:#ffffff1a}.task-estimate,.task-project,.task-saved-timer{align-items:center;border-radius:.25rem;display:flex;gap:.25rem;padding:.25rem .5rem}.task-saved-timer{background-color:#ffc10733;color:#ffc107;font-weight:500}.delete-task-button{background:none;border:none;border-radius:.25rem;cursor:pointer;flex-shrink:0;font-size:1rem;opacity:.6;padding:.25rem;transition:all .2s ease}.delete-task-button:hover{background-color:#ff00001a;opacity:1}.no-tasks{color:#ffffff80;font-style:italic;margin:2rem 0;text-align:center}.footer{align-items:center;bottom:2rem;display:flex;gap:1rem;position:absolute;right:2rem;z-index:10}.sparkle-icon{color:gold;font-size:1rem}.icon-button{align-items:center;background-color:initial;border:initial;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:2.5rem;justify-content:center;transition:all .2s ease;width:2.5rem}.icon-button:hover{background-color:#ffffff1a}@media (max-width:768px){.pomodoro-container{padding:1rem}.header{left:1rem;top:1rem}.brand-title{font-size:2rem}.brand-subtitle{font-size:.9rem}.timer-text{font-size:5rem}.mode-button{font-size:.9rem;padding:.5rem 1.5rem}.start-button{font-size:1rem;padding:.75rem 2rem}.task-section{margin:1rem 0;padding:1rem}.task-form{flex-direction:column;gap:.5rem}.task-item{padding:.75rem}.footer{bottom:1rem;gap:.5rem;right:1rem}.icon-button{height:2rem;width:2rem}}@media (max-width:480px){.timer-text{font-size:4rem}.action-buttons,.mode-buttons{flex-direction:column;gap:.5rem}.task-section{padding:.75rem}.task-title{font-size:1.25rem}.footer{flex-direction:column;gap:.5rem}}