*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;padding:20px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb{background:#667eea80;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#667eeab3}.App{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 20px 60px #0000004d;margin:50px auto;max-width:600px;min-height:500px;padding:30px}.App h1{color:#fff;font-size:2.5em;letter-spacing:1px;text-align:center;text-shadow:2px 2px 4px #0003}.App form,.App h1{margin-bottom:30px}.App form{background:#fffffff2;border-radius:15px;box-shadow:0 4px 15px #0000001a;display:flex;gap:10px;padding:15px}.App form input{border:2px solid #e0e0e0;border-radius:10px;flex:1 1;font-family:inherit;font-size:16px;height:45px;padding:0 15px;transition:all .3s ease}.App form input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.App form button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:16px;font-weight:600;height:45px;padding:0 30px;transition:all .3s ease}.App form button:hover{box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.App form button:active{transform:translateY(0)}.App ul{list-style:none;margin:0;padding:0}.App li{align-items:center;animation:slideIn .3s ease;background:#fffffff2;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:12px;margin-bottom:12px;padding:15px 20px;transition:all .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.App li:hover{box-shadow:0 4px 12px #00000026;transform:translateX(5px)}.App li.completed{background:#e6e6e6f2;opacity:.7}.App li.completed .todo-text{color:#888;text-decoration:line-through}.todo-text{color:#333;flex:1 1;font-size:16px;transition:all .3s ease;word-break:break-word}.todobuttons{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;height:auto;min-width:80px;padding:8px 15px;transition:all .3s ease}.todobuttons:first-of-type{background:linear-gradient(135deg,#00c972,#00a859);color:#fff;min-width:100px}.todobuttons:first-of-type:hover{background:linear-gradient(135deg,#00a859,#008f4a);transform:scale(1.05)}.todobuttons:last-of-type{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff}.todobuttons:last-of-type:hover{background:linear-gradient(135deg,#ee5a52,#dc4c44);transform:scale(1.05)}.todobuttons:active{transform:scale(.98)}.App ul:empty:after{color:#ffffffb3;content:"No todos yet. Add one above! 📝";display:block;font-size:18px;font-style:italic;padding:40px;text-align:center}@media (max-width:768px){.App{margin:20px;padding:20px}.App h1{font-size:2em}.App li{align-items:stretch;flex-direction:column}.todo-text{margin-bottom:10px}.button-group{display:flex;gap:8px}.todobuttons{flex:1 1;min-width:auto}}
/*# sourceMappingURL=main.871e5704.css.map*/