.App{font-family:sans-serif;margin:0 auto;max-width:800px;padding:20px}.controls{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}.todo-list{margin-top:20px}.todo-item{border:1px solid #147814;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.todo-item.completed h3{color:#904d4d;text-decoration:line-through}.modal{background:#fff;border:2px solid #000;left:50%;padding:20px;position:fixed;top:20%;transform:translateX(-50%);z-index:10}.dark{background:#222;color:#fff}.dark .todo-item{border-color:#555}.dark .modal{background:#333;color:#fff}.App{background-color:#f0f0f0;color:#000;font-family:Arial,sans-serif;padding:2rem;text-align:center}.App.dark{background-color:#1a1a1a;color:#f0f0f0}header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}button{margin:0 .3rem}.todo-item.completed span{opacity:.6;text-decoration:line-through}.filter button.active{font-weight:700;text-decoration:underline}
/*# sourceMappingURL=main.cbc0a36e.css.map*/