body{background:#f4f6fa;justify-content:center;min-height:100vh;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}#root{width:100%;max-width:500px;padding:20px}h1{text-align:center;color:#333;margin:20px 0;font-size:28px;font-weight:700}form{justify-content:center;gap:10px;margin:20px auto;display:flex}form input[type=text]{border:2px solid #ddd;border-radius:8px;outline:none;width:70%;padding:12px;font-size:16px;transition:all .3s}form input[type=text]:focus{border-color:#007bff;box-shadow:0 0 5px #007bff66}form button{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:8px;padding:12px 18px;font-size:16px;font-weight:700;transition:background .3s,transform .2s}form button:hover{background:#0056b3;transform:scale(1.05)}ul{max-width:100%;margin:0 auto;padding:0;list-style:none}ul li{background:#fff;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px 16px;transition:transform .2s,background .3s;display:flex;box-shadow:0 3px 8px #0000001a}ul li:hover{background:#f9f9f9;transform:translate(5px)}ul li input[type=checkbox]{cursor:pointer;margin-right:12px;transform:scale(1.2)}ul li .task-text{flex:1;font-size:16px}ul li.completed .task-text{color:gray;opacity:.7;text-decoration:line-through}ul li span{cursor:pointer;border-radius:50%;padding:6px;font-size:18px;transition:background .3s,transform .2s}ul li span:hover{color:red;background:#ff00001a;transform:scale(1.2)}
/*# sourceMappingURL=repo.fabecdb0.css.map */