body{font-family:system-ui,sans-serif;background:#222;color:#222;display:flex;justify-content:center;align-items:flex-start;padding-top:50px}.app{text-align:center;width:360px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px}.task-input{display:flex;justify-content:center;margin-bottom:20px}input{flex:1;padding:10px;border:1px solid #ddd;border-radius:4px;margin-right:10px}button{background:#007bff;color:#fff;border:none;border-radius:4px;padding:10px 14px;font-weight:700;cursor:pointer}ul{list-style:none;padding:0}li{background:#f8f8f8;margin-bottom:8px;padding:10px;border-radius:4px;display:flex;justify-content:space-between;align-items:center;transition:.3s}li.done{text-decoration:line-through;color:#888}.delete-btn{background:transparent;border:none;cursor:pointer;font-size:16px}